大中小

HTML4.0中的新属性：rel_Web标准教程

编辑Tag赚U币

教程Tag：暂无Tag,欢迎添加,赚取U币!

HTML4.0增加了一个新属性：rel，这个属性用来说明链接和包含此链接页面的关系，以及链接打开的目标。

rel有许多的属性值，比如next、previous,、chapter、section等等。我们要使用的就是rel="externa l"属性。原来这样写的代码：

<a href="document.html" target="_blank"> 打开一个新窗口</a>

现在要写成这样：<a href="document.html" rel="external">打开一个新窗口</a>

这是符合strict标准的方法。当然还必须配合一个javascript才有效。

javascript完整的代码JS如下：

以下为引用的内容：
function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i ) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externallinks;

你可以把它保存成一个.js文件(比如external.js)，然后通过外部联接方法调用：<script type="text/javascript" src="external.js"></script>

就是这样。

原因：主要是“易用性、友好性”的问题，因为老外觉得不经过用户同意，没有明确提示就打开一个新窗口是不礼貌的。