`

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 `&lt;a&gt;` 标签的 `target` 属性详解 #### 一、概述 HTML `&lt;a&gt;` 标签中的 `target` 属性用于指定在何处打开由 `href` 属性定义的链接文档。该属性提供了多种选项来控制链接文档的加载方式,包括在新窗口打开...

    Python给html文件的a标签添加属性

    # 检查a标签是否已经具有target属性,如果没有,添加它 if 'target' not in a_tag.attrs: a_tag['target'] = '_blank' ``` 上述代码会遍历HTML文件中所有的a标签,并且如果它们没有`target`属性,就会添加`...

    html标签a的target属性的用法

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

    html标签和属性总结

    HTML标签和属性总结 HTML标签是构建Web页面的基础,了解HTML标签的属性和使用方法是非常重要的。本文将详细介绍HTML标签的种类、属性和使用方法,适合初学者学习和参考。 一、 HTML标签的种类 HTML标签可以分为两...

    HTML标签属性大全

    而&lt;a&gt;标签用于创建超链接,通过不同的target属性值可以实现不同的链接行为,如打开新窗口(blank)、在当前窗口的顶部(top)或在指定的框架(frame)内打开链接。 贴图和音乐可以通过和标签来实现。标签的src属性用于...

    struts中base标签的target属性

    ### Struts 中 base 标签的 target 属性详解 #### 引言 在 Web 开发领域,Struts 是一个非常流行的 Java 框架,它主要用于构建基于模型-视图-控制器(MVC)设计模式的应用程序。Struts 的一大优势在于其强大的标签...

    HTML a 标签.docx

    下面我们将详细介绍 HTML a 标签的定义、用法、属性和实例。 定义和用法 -------- HTML a 标签的基本语法为 `&lt;a&gt;...&lt;/a&gt;`,其中 `...` 是锚点的文本内容。a 标签有两种用法:通过使用 href 属性,创建指向其他文档...

    HTML常用标签属性汇总

    在本文中,我们将深入探讨一些常用的HTML标签及其属性。 首先,我们来看看标签,它是HTML文档的主要部分,包含了网页可见的所有内容。一些常见的标签属性包括: 1. background:设置页面背景图片或颜色。 2. text:...

    HTML部分标签属性

    3. 超链接`&lt;a&gt;`的`target`属性: - `_self`:在当前窗口打开链接。 - `_blank`:在新窗口或标签页打开链接。 - `_top`:在当前浏览器窗口的顶级框架中打开链接。 - `_parent`:在父框架中打开链接。 4. `...

    a标签的target链接指向iframe的方法

    本篇将详细讲解如何利用`&lt;a&gt;`标签的`target`属性来指定链接在哪个`iframe`中打开,以及相关注意事项。 首先,`&lt;iframe&gt;`标签是HTML中用于嵌入另一个文档的元素,它可以在同一个页面内显示来自不同源的内容。`...

    a标签样式 和 a标签属性 .docx

    除了样式之外,A标签还支持多种属性,这些属性可以帮助开发者更灵活地控制链接的行为。 #### Common--一般属性 - **accesskey**:定义了一个快捷键,通过这个快捷键可以直接访问该链接。 - **charset**:指定了链接...

    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 规整...

    HTML5 标签属性大全

    * &lt;a&gt; 链接标签:用于在 HTML 文档中添加链接 + href 属性:指定链接的地址 + target 属性:指定链接的目标窗口 + name 属性:指定链接的名称 列表标签 * 无序列表:、&lt;li&gt; 标签:用于在 HTML 文档中添加无序...

    html5标签属性及使用方法教程

    例如,media属性用于指定链接的媒体类型,target属性用于指定链接打开的目标框架。 HTML中的和元素分别用于表示缩写和首字母缩写词。这两个标签有助于改善网页的可访问性,因为它们提供了词语的全称,方便阅读器...

    HTML base 标签的 href 属性

    2. `target`属性:这个属性用来指定所有链接(包括`&lt;a&gt;`标签和`&lt;form&gt;`标签)打开的新窗口或新标签页的行为。默认情况下,链接会在当前窗口打开,但`target`属性可以设置为`_blank`(新窗口或新标签页)、`_self`...

Global site tag (gtag.js) - Google Analytics