`

HTML a 标签的 target 属性

    博客分类:
  • HTML
阅读更多
HTML <a> 标签的 target 属性

定义和用法
<a> 标签的 target 属性规定在何处打开链接文档。

如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

打开新窗口
被指向的超链接使得创建高效的浏览工具变得很容易。例如,一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_window">Preface</a></li>
  <li><a href="chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_window">Chapter 3</a></li>
</ul>

亲自试一试

当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。

在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。

在框架中打开窗口
不用打开一个完整的浏览器窗口,使用 target 更通常的方法是在一个 <frameset> 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中,并用这个相邻的框架来显示选定的文档:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

亲自试一试

当浏览器最初显示这两个框架的时候,左边这个框架包含目录,右边这个框架包含前言。

这是 "toc.html" 的源代码:
<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

请注意,在文档 "toc.html" 中,每个链接的目标都是 "view_frame",也就是右边的框架。

当用户从左边框架中的目录中选择一个链接时,浏览器会将这个关联的文档载入并显示在右边这个 "view_frame" 框架中。当其他链接被选中时,右边这个框架中的内容也会发生变化,而左边这个框架始终保持不变。
特殊的目标
有 4 个保留的目标名称用作特殊的文档重定向操作:

_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

语法
<a target="value">

属性值

描述
_blank在新窗口中打开被链接文档。
_self默认。在相同的框架中打开被链接文档。
_parent在父框架集中打开被链接文档。
_top在整个窗口中打开被链接文档。
framename在指定的框架中打开被链接文档。

分享到:
评论

相关推荐

    HTML a 标签的 target 属性.doc

    HTML a 标签的 target 属性.doc

    html标签a的target属性的用法

    1:如果使用标签&lt;a&gt;来链接到一个页面的话,target属性的作用,相信大家都知道。就是指对链接的页面以怎么样的形式展现出来,target常用的值有:_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中...

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载可看全文) &lt;meta http-equiv="content-type" content="text/html" charset="gb2312"&gt; 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...

    html实现a元素href的URL链接自动刷新或新窗口打开功能

    使用a标签的target属性特性: 无论是a链接元素还是form表单元素都有一个名叫target的属性,支持的值包括下面这些: _self:默认值。当前浏览器上下文。 _blank:通常是一个新的标签页,但是用户可以配置浏览器,...

    HTML_CSS学习笔记.docx

    5.3. &lt;a&gt;标签 target属性:在窗口中打开链接 17 5.4. 家族:为网页添加表格 18 5.5. 、、标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20 6.1. 标签:创建表单,与用户交互 20 6.2. 输入框:文本输入框、...

    HTML5 对各个标签的定义与规定:base

    base标签除了全局的属性之外,还有 href、target两个属性。 没有内容值。 interface HTMLBaseElement : HTMLElement { attribute DOMString href; attribute DOMString target; }; base标签用于定义HTML文档中...

    Bootstrap中data-target 到底是什么

    HTML5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。 我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用: 【1.】在CSS中作标签选择器用。 如: [data-toggle=...

    前端css+html+布局笔记

    可以将该属性值设置为超链接的target属性的值 这样当点击超链接时,页面将会在相应的内联框架中打开 内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 超链接 可以使当前页面...

    HTML link标记的rel属性

    除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中,target只允许在Transitional和Frameset两种DTD中使用,其它都可在Strict, ...

    web应用程序设计复习题.doc

    &lt;P&gt; 3、&lt;A&gt;标记的target属性值为( B )的时候可以实现链接为弹出窗口的效果。 A. _self B. _blank C. _parent D. _top 4、下面的标签中( C )是加粗标签。 A. &lt;i&gt;&lt;/i&gt; B. &lt;u&gt;&lt;/u&gt; C. &lt;b&gt;&lt;/b&gt; D. &lt;h&gt;&lt;/h&gt; 5、下面...

    base target=””控制链接的目标打开框架

    等很多标签都支持target="black"的属性,建议在这样的标签里单独做设置,比如: 复制代码代码如下: &lt;a&gt;超链接内容&lt;/a&gt; &lt;form action=”xxx.htm” target=”_blank”&gt;表达内容&lt;input type=”submit” value...

    HTML开发王

    7.7.3 定义基准链接目标窗口(target属性) 7.8 巩固与自测 第8章 链入图片和混排图文 8.1 了解图片 8.1.1 了解gif格式图片 8.1.2 了解jpeg格式图片 8.1.3 了解png格式图片 8.1.4 创建图片 8.2 链入图片(img元素) ...

    从入门到精通HTML5——PDF——网盘链接

    标签的属性 164  8.2.3 &lt;span&gt;标签与&lt;div&gt;标签 170  8.3 &lt;iframe&gt;标签 172  8.3.1 &lt;iframe&gt;标签的简介 172  8.3.2 &lt;iframe&gt;标签的属性 172  8.4 &lt;layer&gt;标签和&lt;ilayer&...

    asp学习笔记

    a 超链接 href target 行类标签 p 段落标签,自动换行 块级标签 换行标签 &lt;hr/&gt; 划线标签 b 加粗标签 &lt;ul/&gt; 列表标签,配合li使用 (2/3/4/...)/&gt; 标题标签 table 表格标签 tr 行标签 td 列表签 th ...

    html的个人学习笔记 html-css.html

    统一指定网页中所有的a标签网页打开方式 _self当前页面转变,_blank在新页面打开 --&gt; &lt;!-- 1.规定文字样式的属性(快捷键fsn + tab) 格式:font-style:ilalic; 取值:normal:正常的 italic:倾斜的 2....

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

Global site tag (gtag.js) - Google Analytics