`
sky_uck
  • 浏览: 29547 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
社区版块
存档分类
最新评论

web标准——_blank开新窗口不符合标准

    博客分类:
  • css
阅读更多
要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验。
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才有效。

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文件,通过外部链接方法调用

引用
网站采用的target="new"在过渡型DOCTYPE下是允许的,但也不符合strict标准。
分享到:
评论
1 楼 skyuck 2009-09-25  
   

相关推荐

    前端HTML5 css基础

    + `target`:链接的打开方式,例如 `_self`(当前窗口打开)、`_blank`(新窗口打开)。 * 类型: + 外部链接:例如 `百度&lt;/a&gt;` + 内部链接:例如 `练习.html"&gt;练习&lt;/a&gt;` + 空连接:例如 `空连接&lt;/a&gt;` + 下载...

    谷歌浏览器跳转IE.zip

    在现代Web开发中,由于IE的某些特性与标准不兼容,这样的跳转可能在遇到无法在Chrome中正确显示的网页时出现。 在标签中提到的“谷歌”,暗示了此压缩包的内容与谷歌公司及其产品——谷歌浏览器紧密相关。谷歌浏览...

    ASP.NET 程序中常用的三十三种代码

    此示例展示了如何在DataGrid中使用`HyperLinkColumn`控件,将数据绑定到链接上,并使其在新窗口中打开。这是通过设置目标属性为"_blank",以及使用`DataBinder.Eval`函数动态生成链接URL来实现的。 ### 7. 更改行的...

    软件技术基础第一次实验课1

    例如,设置页面标题为"My First Web Page",调整`&lt;img&gt;`标签的`width`和`height`属性以控制图片尺寸,使用`&lt;center&gt;`标签或CSS将`&lt;h1&gt;`标题居中,修改`&lt;a&gt;`标签的`target`属性为`_blank`,使链接在新窗口打开。...

    框架和链接的网站html

    链接还可以使用`target`属性来指定在何处打开新页面,如`_blank`会在新窗口或标签页中打开,`_self`则在同一窗口或标签页中替换当前页面。 三、静态网站 静态网站是由HTML、CSS(Cascading Style Sheets)和...

    Dreamweaver-CS6练习题要点.pdf

    20. 链接在Dreamweaver CS6中可以设置四种打开方式:新窗口(_blank)、当前窗口(_self)、父窗口(_parent)和顶级窗口(_top)。 21. 站点导出的文件格式为*.ste(站点设置文件)。 22. 换行的快捷键是Enter。 ...

    2021-2022计算机二级等级考试试题及答案No.4038.docx

    - **选项C**:“_empty”——这是错误的,正确的应该是 “_blank”,表示在新的窗口或标签页中打开链接。 - **选项D**:“_top”——这是一个合法的 `target` 属性值,表示在顶层窗口中打开链接。 ### 4. 列表框和...

    ASP.NET程序中常用的三十三种代码

    在深入探讨给定的文件内容之前,我们先简要理解一下ASP.NET——这是一个由微软开发的服务器端Web应用程序框架,用于构建动态网页和网站。它使用C#或VB.NET等编程语言,允许开发者创建功能丰富的Web应用。接下来,...

    北语11春网页制作第四阶段导学.pdf

    目标选项通常选择"self",表示新内容替换当前窗口,或"blank"打开新窗口。为图片添加链接类似,但可以创建多个热区链接,比如使用方形或圆形在图片上画出不同区域,为每个区域设定独立的链接地址。 这一阶段的学习...

    HTML4.0简明手册 HTML4.0简明手册

    5. **链接与导航**:`&lt;a&gt;`元素创建链接,`href`属性指向目标资源,`target`属性定义打开链接的方式,如新窗口(`_blank`)或当前窗口(`_self`)。 6. **表格**:`&lt;table&gt;`元素用于创建表格,`&lt;tr&gt;`表示行,`&lt;td&gt;`表示...

    总结的前端面试题

    - **`_blank`**:链接在新窗口或新标签页中打开。 - **`_parent`**:链接在父框架集或包含当前窗口的窗口中打开。 - **`_top`**:链接在顶级窗口中打开,即整个浏览器窗口。 - **`framename`**:链接在指定的框架中...

    轻轻松松学用JavaScript 编程

    &lt;a href="other.html" target="_blank"&gt;打开新窗口 ``` - **3.5.2 由JavaScript,在不同的桢(窗口)间访问对象** ```javascript // 访问另一个窗口的对象 var otherWindow = window.open("other.html"); other...

    gengine_en:gengine英文doc

    属性通常以键值对的形式存在,如`target="_blank"`表示新窗口打开链接。 4. **HTML样式与CSS** 虽然HTML主要用于结构,但也可以通过内联样式(直接在标签内定义)或内部样式表(在`&lt;head&gt;`内定义)添加样式。然而...

    progate

    例如,`&lt;a&gt;`标签用于创建超链接,`href`属性指定链接的目标地址,`target`属性可以设置新页面的打开方式,如`_blank`在新窗口打开。 4. **HTML语义化**:现代HTML强调语义化,比如使用`&lt;header&gt;`, `&lt;nav&gt;`, `&lt;main&gt;...

    谷歌主页:theodinproject-谷歌主页

    7. HTML链接:通过标签实现,href属性定义链接地址,target属性可以设置链接打开的方式,如新窗口(_blank)或当前窗口(_self)。 8. HTML布局:使用标签进行页面布局,通过CSS(Cascading Style Sheets)来控制样式和...

    goit-markup-hw-05

    例如,`&lt;a&gt;`标签可以设置`target="_blank"`属性,使链接在新窗口中打开;`&lt;img&gt;`标签的`alt`属性提供对图片内容的文字描述,对于视力障碍的用户非常有用。 在"GoIT-markup-hw-05-main"文件中,学生将实践上述概念,...

    轻松学习javascript

    &lt;a href="https://www.example.com" target="_blank"&gt;打开新窗口 ``` - **由JavaScript,在不同的桢(窗口)间访问对象**:可以通过`window.frames`或`window.parent`等属性来访问不同桢中的对象。 - **了解IFrame...

    cs130-coursework

    例如,`&lt;a&gt;`标签的`href`属性指定链接地址,`target`属性控制新链接的打开方式(如 `_blank` 在新窗口打开)。 五、HTML5的新特性 HTML5引入了许多新元素和功能,如: 1. `&lt;canvas&gt;`:用于绘制图形,支持JavaScript...

    bulletinboardexam

    5. 链接:`&lt;a&gt;`标签用于创建超链接,通过`href`属性指定目标URL,`target`属性可以设置链接在何处打开(如`_blank`表示新窗口)。 6. 图像:`&lt;img&gt;`标签插入图像,`src`属性指定了图像源,`alt`属性提供替代文本,...

    纯js实现的论坛常用的运行代码的效果

    在Web开发中,有时我们需要在论坛或博客上展示可执行的代码示例,让读者能够直观地理解代码的功能。为了实现这个功能,我们可以利用JavaScript创建一个简单的代码运行环境。本篇将详细介绍如何使用纯JavaScript...

Global site tag (gtag.js) - Google Analytics