要在新窗口中打开链接通常的做法是在链接后面加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标准。
分享到:
相关推荐
+ `target`:链接的打开方式,例如 `_self`(当前窗口打开)、`_blank`(新窗口打开)。 * 类型: + 外部链接:例如 `百度</a>` + 内部链接:例如 `练习.html">练习</a>` + 空连接:例如 `空连接</a>` + 下载...
在现代Web开发中,由于IE的某些特性与标准不兼容,这样的跳转可能在遇到无法在Chrome中正确显示的网页时出现。 在标签中提到的“谷歌”,暗示了此压缩包的内容与谷歌公司及其产品——谷歌浏览器紧密相关。谷歌浏览...
此示例展示了如何在DataGrid中使用`HyperLinkColumn`控件,将数据绑定到链接上,并使其在新窗口中打开。这是通过设置目标属性为"_blank",以及使用`DataBinder.Eval`函数动态生成链接URL来实现的。 ### 7. 更改行的...
例如,设置页面标题为"My First Web Page",调整`<img>`标签的`width`和`height`属性以控制图片尺寸,使用`<center>`标签或CSS将`<h1>`标题居中,修改`<a>`标签的`target`属性为`_blank`,使链接在新窗口打开。...
链接还可以使用`target`属性来指定在何处打开新页面,如`_blank`会在新窗口或标签页中打开,`_self`则在同一窗口或标签页中替换当前页面。 三、静态网站 静态网站是由HTML、CSS(Cascading Style Sheets)和...
20. 链接在Dreamweaver CS6中可以设置四种打开方式:新窗口(_blank)、当前窗口(_self)、父窗口(_parent)和顶级窗口(_top)。 21. 站点导出的文件格式为*.ste(站点设置文件)。 22. 换行的快捷键是Enter。 ...
- **选项C**:“_empty”——这是错误的,正确的应该是 “_blank”,表示在新的窗口或标签页中打开链接。 - **选项D**:“_top”——这是一个合法的 `target` 属性值,表示在顶层窗口中打开链接。 ### 4. 列表框和...
在深入探讨给定的文件内容之前,我们先简要理解一下ASP.NET——这是一个由微软开发的服务器端Web应用程序框架,用于构建动态网页和网站。它使用C#或VB.NET等编程语言,允许开发者创建功能丰富的Web应用。接下来,...
目标选项通常选择"self",表示新内容替换当前窗口,或"blank"打开新窗口。为图片添加链接类似,但可以创建多个热区链接,比如使用方形或圆形在图片上画出不同区域,为每个区域设定独立的链接地址。 这一阶段的学习...
5. **链接与导航**:`<a>`元素创建链接,`href`属性指向目标资源,`target`属性定义打开链接的方式,如新窗口(`_blank`)或当前窗口(`_self`)。 6. **表格**:`<table>`元素用于创建表格,`<tr>`表示行,`<td>`表示...
- **`_blank`**:链接在新窗口或新标签页中打开。 - **`_parent`**:链接在父框架集或包含当前窗口的窗口中打开。 - **`_top`**:链接在顶级窗口中打开,即整个浏览器窗口。 - **`framename`**:链接在指定的框架中...
<a href="other.html" target="_blank">打开新窗口 ``` - **3.5.2 由JavaScript,在不同的桢(窗口)间访问对象** ```javascript // 访问另一个窗口的对象 var otherWindow = window.open("other.html"); other...
属性通常以键值对的形式存在,如`target="_blank"`表示新窗口打开链接。 4. **HTML样式与CSS** 虽然HTML主要用于结构,但也可以通过内联样式(直接在标签内定义)或内部样式表(在`<head>`内定义)添加样式。然而...
例如,`<a>`标签用于创建超链接,`href`属性指定链接的目标地址,`target`属性可以设置新页面的打开方式,如`_blank`在新窗口打开。 4. **HTML语义化**:现代HTML强调语义化,比如使用`<header>`, `<nav>`, `<main>...
7. HTML链接:通过标签实现,href属性定义链接地址,target属性可以设置链接打开的方式,如新窗口(_blank)或当前窗口(_self)。 8. HTML布局:使用标签进行页面布局,通过CSS(Cascading Style Sheets)来控制样式和...
例如,`<a>`标签可以设置`target="_blank"`属性,使链接在新窗口中打开;`<img>`标签的`alt`属性提供对图片内容的文字描述,对于视力障碍的用户非常有用。 在"GoIT-markup-hw-05-main"文件中,学生将实践上述概念,...
<a href="https://www.example.com" target="_blank">打开新窗口 ``` - **由JavaScript,在不同的桢(窗口)间访问对象**:可以通过`window.frames`或`window.parent`等属性来访问不同桢中的对象。 - **了解IFrame...
例如,`<a>`标签的`href`属性指定链接地址,`target`属性控制新链接的打开方式(如 `_blank` 在新窗口打开)。 五、HTML5的新特性 HTML5引入了许多新元素和功能,如: 1. `<canvas>`:用于绘制图形,支持JavaScript...
5. 链接:`<a>`标签用于创建超链接,通过`href`属性指定目标URL,`target`属性可以设置链接在何处打开(如`_blank`表示新窗口)。 6. 图像:`<img>`标签插入图像,`src`属性指定了图像源,`alt`属性提供替代文本,...
在Web开发中,有时我们需要在论坛或博客上展示可执行的代码示例,让读者能够直观地理解代码的功能。为了实现这个功能,我们可以利用JavaScript创建一个简单的代码运行环境。本篇将详细介绍如何使用纯JavaScript...