web标准学习之a标签

web|web标准

  在web标准学习中,我们今天来研究下a标签.

  我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xhtml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验,会出现如下错误提示:

"there is no attribute target for this element(in this HTML version)"

  原来在HTML4.01/XHTML1.0/XHTML1.1严格DOCTYPE下,target="_blank"、target="_self"等等语法都是无效的,我们只能通过JavaScript来变通实现。

  有朋友问为什么不允许使用target="_blank"?这个属性很方便啊。呵呵,不知道W3C的专家们是怎么想的,据我所知,主要是“易用性、友好性”的问题,因为老外觉得不经过用户同意,没有明确提示就打开一个新窗口是不礼貌的。先不管这个取消是否合理,我们来看看解决办法。

  rel属性

  HTML4.0增加了一个新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。rel有许多的属性值,比如next、previous,、chapter、section等等。我们要使用的就是rel="external"属性。原来这样写的代码:

<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 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>
  就是这样。

  最后补充一句,我网站采用的target="new"在过渡型DOCTYPE下是允许的,但也不符合strict标准。下次改版时我将采用strict模式,将所有target="new"改成rel="external"。

时间: 2025-01-30 15:23:40

web标准学习之a标签的相关文章

Web标准学习资源(书籍、网站)推荐_经验交流

一.Web标准学习书籍推荐 1.<网站重构--应用WEB标准进行设计> screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0> 作者: (美)塞尔达曼译者: 王宗义 / 傅捷 / 祝军 页数: 358出版社: 电子工业出版社定价:

Web标准学习推荐书籍

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 经过阅读和讨论,我们将国内市场上关于WEB标准方面的书籍进行整理.分类,并标注出推荐书籍,希望大家都能从中快速地选择到自己最需要的好书. 理论手册类 网站重构:应用Web标准进行设计 点评:不是一本提高技术的书籍,而是一个改变观念的文献. 下载地址:http://www.zzx8.com/html/c16384.html HTML与XHTML

Web标准学习:保持清晰的文档结构

web|web标准 我十分支持Web标准,并且认为它提出的文档对象模型(DOM,Document Object Model)是非常合理而且有用的.文档对象模型让我们脱离字符,在结构层面高级方式操作文档. 在网页制作(HTML/XHTML)方面,遵循Web标准可以使网站的结构更加合理.但是,新的标准总会导致一部分旧的网页制作者的排斥,很简单,因为他们无法掌握新的标准或者/同时他们认为不需要新的标准,原来的方式已经够用了.我不跟后一部分的人讨论. 应用标准的时候,有些网页制作者已经走进了一些误区.往

Web标准学习:未知高度的非表格垂直对齐

web|web标准 非已知高度的垂直对齐的条件: 表格单元格 行内块(inline-block) 第一个比较好理解,第二个很多人可能会忽略.比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法.记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可. 那么,我们进入主题.现在我们由于某些特殊需要两个并排的div想实现垂直居中.如前所述,div非表

Web标准学习:Xhtml标准中弹出新窗口

web|web标准|xhtml 最近在做IDRSS在线RSS阅读器,符合XHTML1.1标准,但是发现一个问题,target="_blank"属性不再被支持! 在XHTML1.0过渡型标准之前,target="_blank"属性一直是点击链接后弹出新窗口的方法,但是在XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性(这个方法将通不过W3C的校验),也就是说不能再用target="_blank"来弹出一个新的窗口!我也不

WEB标准学习:自定义打开链接的方式

web|web标准|链接 最近继续在准备一个新产品的网站,涉及到W3C标准以及自定义等方面的内容,所以做了一个链接小实例,由于在XHTML1.0过渡型标准之前,target="_blank"属性一直是点击链接后弹出新窗口的方法,但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性,也就是说不能再用target="_blank"来弹出一个新的窗口!本实例探讨的就是在XHTML1.1标准下弹出新窗口的方法,并结合Cookies实现客户端自定义

Web标准学习:CSS样式书写风格

这个格式是我自创的,经常有人问我为什么,这里做个简单总结: 1. 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开.2. 分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐.3. 分断,每个定义内的每个属性定义之间,用"分号+空格"隔开,注意定义语句与分号间无空格,"{}"内前有空格而后无空格.4. 连排,每个定义不换行,一直横排.某些编辑器会自动换行,但无大影响,毕竟定义语句很长的是少数. 我自己理解的优点为:一是程序结构清晰

解读HTML:WEB标准的误解

在HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的--div.span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现. Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,

详解WEB标准的误解

在HTML4 Elements中共计有91个标签,然而在这么多的标签中经常被使用到的标签不到四分之一,在这些常用的标签中有两个标签是属于最通用型的--div.span,这两个结构性的标签因为本身不带呈现样式及语义而被广泛的用于网页制作中,再加上之前很多人直接把WEB标准误解为就是div+css,于是在一个页面里出现了特多的div或者是span标签,尽管这些地方本身有更符合语义的标签来实现. Table式的页面布局因为其本身的简便以及有Dreamweaver这样的可视化操作的Web制作软件的存在,