HTML中target属性是啥意思

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中target属性是啥意思相关的知识,希望对你有一定的参考价值。

A标签target属性:

<a> 标签中的 target 属性规定在何处(当前窗口或新开窗口)打开链接文档。

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

Target属性作用:

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

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

Target属性详解:

对于target属性的属性值可有以下5种:_blank、_self、_parent、_top、framename,下面一一讲解每个属性值的作用与其实际用法。

一、Target属性blank的作用

作用:所指浏览器总在一个新打开、未命名的窗口中载入目标文档。(在新窗口中打开被链接文档)

用法:<a herf=”www.oroov.com” target=”_blank”>网络推广</a>

二、Target属性self的作用

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

用法:<a herf=”www.oroov.com” target=”_self”>网络推广</a>

三、Target属性parent的作用

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

用法:<a herf=”www.oroov.com” target=”_parent”>网络推广</a>

四、Target属性top的作用

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

用法:<a herf=”www.oroov.com” target=”_top”>网络推广</a>

五、Target属性framename的作用

对于framename的作用就与以上四个的用法就不同了,当采用frameset框架的时候,使用target=”frame_name”或target=”view_frame”可指定a目标的地址,也就是同一个页面当用户从左边框架中的目录中选择一个链接时,浏览器会将这个关联的文档载入并显示在右边这个”view_frame”或”frame_name” 框架中。当其他链接被选中时,右边这个框架中的内容也会发生变化,而左边这个框架始终保持不变。(在指定的框架中打开被链接文档)

其用法:

<frameset cols="10,10">

<frame src="doc.html">

<frame src="div.html" name="view_frame">

</frameset>

实际效果如下:

参考技术A

target属性指定所链接的页面在浏览器窗口中的打开方式,它的参数值主要有:blank、parent、self、top,这些参数值代表的含义如下:

blank,在新浏览器窗口中打开链接文件。

parent,将链接的文件载入含有该链接框架的父框架集或父窗口中。

self,在同一框架或窗口中打开所链接的文档。

top,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

在WWW上的一个超媒体文档称之为一个页面(page)。作为一个组织或个人在万维网上开始点的页面称为主页Homepage,

或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。

在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Web)。

Web页面也就是通常所说的网页,在这里不作区分。

参考技术B

定义和用法

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

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

示例代码

<html>
<body>

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

</body>
</html>

效果图:

参考技术C

html target属性,一般是在a标签中使用

Target 属性,可以定义被链接的文档在何处显示。

      target="_blank"  在浏览器新窗口打开文档

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

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

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

参考技术D _blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

以上是关于HTML中target属性是啥意思的主要内容,如果未能解决你的问题,请参考以下文章

HTML中 target属性是啥意思?准确点

target 标签是啥意思

在Java中target是啥意思?

帮看下这句css中的波浪号是啥意思

WHATWG html5 标准文档中的 idl 属性是啥意思?

CSS/HTML代码attribute 对象 是啥意思,代表啥