`

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 在指定的框架中打开被链接文档。

 

 

出处:http://www.w3school.com.cn/tags/att_a_target.asp

 

分享到:
评论

相关推荐

    HTML a 标签的 target 属性.doc

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

    HTML标签属性大全

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

    阻止 <a> 地址轉向

    在网页开发中,`&lt;a&gt;` 标签是用于创建超链接的重要元素,它通过 `href` 属性定义了链接的目标地址。然而,有时我们可能需要阻止 `&lt;a&gt;` 标签的默认行为,例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码...

    HTML里面的FrameSet小例子

    `name`属性可为框架命名,便于通过`&lt;a&gt;`标签的`target`属性进行链接跳转。 3. **框架的布局**:`&lt;frameset&gt;`可以使用`rows`和`cols`属性来定义框架的布局。`rows`定义垂直分割,`cols`定义水平分割。例如,`...

    HTML属性.docx

    - `target`:与`a`标签的`target`属性相同。 - `enctype`:表单数据编码类型,例如`application/x-www-form-urlencoded`或`multipart/form-data`。 6. **表单元素**: - `input`标签: - `text`:单行文本...

    HTML标签大全简介

    此外,还有 &lt;a&gt; 标签的其他属性,例如 target 属性可以用来指定链接的打开方式,例如:&lt;a href="https://www.example.com" target="_blank"&gt;访问 example.com&lt;/a&gt;。 表单标签 HTML 中的表单标签可以用来创建表单...

    html标签和属性总结

    * 图像超链接:&lt;a href=”访问的网站” target=”” title=””&gt;&lt;img src=”图片的路径/图片名” alt=”图像显示错误显示的文本”&gt;&lt;/a&gt; * 锚链接:&lt;a href=”#链接名”&gt;锚点名称&lt;/a&gt;&lt;a name=”链接名”&gt; 四、表单...

    html语言课程

    - `&lt;a&gt;`标签用于创建链接,基本属性包括`href`(链接目标的URL)和`target`(链接打开方式)。 ```html &lt;a href="http://example.com" target="_blank"&gt;访问示例网站&lt;/a&gt; ``` #### 七、TABLE表格 **7.1 表格...

    爱淘课html网页属性.pdf

    target属性定义如何打开链接,比如在新窗口或当前窗口。 4. &lt;meta&gt;标签:用于提供文档的元数据。name属性定义元数据的名称,content属性定义其值。http-equiv属性可以更改服务器与浏览器之间的行为,例如自动刷新。...

    HTML网页基本代码.pdf

    *在新窗口打开连接:&lt;a href="相关地址" target="_blank"&gt;写上要写的字&lt;/a&gt; 添加target="_blank"属性可以在新窗口打开链接。 字体控制 *移动字体(走马灯):&lt;marquee&gt;写上你想写的字&lt;/marquee&gt; 使用&lt;marquee&gt;...

    HTML5 标签属性大全

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

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

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

    关于html标签的使用

    以上只是HTML标签的一小部分,实际使用中还有更多标签和属性,如框架集&lt;frameset&gt;、注释&lt;!--...--&gt;、表单验证等等。掌握HTML标签的正确使用是创建高效、易维护网页的关键,不断学习和实践才能真正精通。

    Html网页设计代码.pdf

    3.在新窗口打开连接:使用&lt;a&gt;标签和target="_blank"属性可以在新窗口打开连接,例如:&lt;a href="相关地址" target="_blank"&gt;写上要写的字&lt;/a&gt;。 4.消除连接的下划线:使用&lt;a&gt;标签和style="text-decoration:none"属性...

    青鸟S1HTMl项目

    - 链接:&lt;a&gt;标签创建超链接,href属性指定链接的目标地址,target属性可设置链接打开的方式(如新窗口或当前窗口)。 - 图像:&lt;img&gt;标签插入图片,src属性指定图像源,alt属性提供替代文字,有助于无障碍访问。 3...

    HTML常用标签属性汇总

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

    html标签a的target属性的用法

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

    HTML标签分类及其属性.pdf

    target属性定义了如何在浏览器中打开链接。 - &lt;input&gt;标签用于创建输入字段,它的属性包括type、name、value、checked、maxlength、size等。type属性定义了输入字段的类型,如text、password、checkbox、radio、...

    机试 (HTML)

    &lt;a&gt;标签用于创建超链接,href属性定义链接目标,target属性可设置新窗口打开。&lt;img&gt;标签插入图像,src属性为图像源,alt属性提供替代文本。 八、HTML表单 &lt;form&gt;元素用于创建表单,配合&lt;input&gt;、&lt;textarea&gt;、...

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

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

Global site tag (gtag.js) - Google Analytics