HTML中target属性是什么意思 HTML中target属性是什么意思？
HTML\u4e2d target\u5c5e\u6027\u662f\u4ec0\u4e48\u610f\u601d\uff1f\u51c6\u786e\u70b9target\u5c5e\u6027\u6307\u5b9a\u6240\u94fe\u63a5\u7684\u9875\u9762\u5728\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u7684\u6253\u5f00\u65b9\u5f0f\uff0c\u5b83\u7684\u53c2\u6570\u503c\u4e3b\u8981\u6709\uff1a_blank\u3001_parent\u3001_self\u3001_top\uff0c\u8fd9\u4e9b\u53c2\u6570\u503c\u4ee3\u8868\u7684\u542b\u4e49\u5982\u4e0b\uff1a
\u25ce_blank\uff0c\u5728\u65b0\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u6253\u5f00\u94fe\u63a5\u6587\u4ef6\u3002
\u25ce_parent\uff0c\u5c06\u94fe\u63a5\u7684\u6587\u4ef6\u8f7d\u5165\u542b\u6709\u8be5\u94fe\u63a5\u6846\u67b6\u7684\u7236\u6846\u67b6\u96c6\u6216\u7236\u7a97\u53e3\u4e2d\u3002\u5982\u679c\u542b\u6709\u8be5\u94fe\u63a5\u7684\u6846\u67b6\u4e0d\u662f\u5d4c\u5957\u7684\uff0c\u5219\u5728\u6d4f\u89c8\u5668\u5168\u5c4f\u7a97\u53e3\u4e2d\u8f7d\u5165\u94fe\u63a5\u7684\u6587\u4ef6\uff0c\u5c31\u8c61_self\u53c2\u6570\u4e00\u6837\u3002
\u25ce_self\uff0c\u5728\u540c\u4e00\u6846\u67b6\u6216\u7a97\u53e3\u4e2d\u6253\u5f00\u6240\u94fe\u63a5\u7684\u6587\u6863\u3002\u6b64\u53c2\u6570\u4e3a\u9ed8\u8ba4\u503c\uff0c\u901a\u5e38\u4e0d\u7528\u6307\u5b9a\u3002
\u4f46\u662f\u6211\u4e0d\u592a\u7406\u89e3
\u25ce_top\uff0c\u5728\u5f53\u524d\u7684\u6574\u4e2a\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u6253\u5f00\u6240\u94fe\u63a5\u7684\u6587\u6863\uff0c\u56e0\u800c\u4f1a\u5220\u9664\u6240\u6709\u6846\u67b6
target\u5c5e\u6027\u6307\u5b9a\u6240\u94fe\u63a5\u7684\u9875\u9762\u5728\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u7684\u6253\u5f00\u65b9\u5f0f\uff0c\u5b83\u7684\u53c2\u6570\u503c\u4e3b\u8981\u6709\uff1ablank\u3001parent\u3001self\u3001top\uff0c\u8fd9\u4e9b\u53c2\u6570\u503c\u4ee3\u8868\u7684\u542b\u4e49\u5982\u4e0b\uff1a blank\uff0c\u5728\u65b0\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u6253\u5f00\u94fe\u63a5\u6587\u4ef6\u3002 parent\uff0c\u5c06\u94fe\u63a5\u7684\u6587\u4ef6\u8f7d\u5165\u542b\u6709\u8be5\u94fe\u63a5\u6846\u67b6\u7684\u7236\u6846\u67b6\u96c6\u6216\u7236\u7a97\u53e3\u4e2d\u3002
self\uff0c\u5728\u540c\u4e00\u6846\u67b6\u6216\u7a97\u53e3\u4e2d\u6253\u5f00\u6240\u94fe\u63a5\u7684\u6587\u6863\u3002
top\uff0c\u5728\u5f53\u524d\u7684\u6574\u4e2a\u6d4f\u89c8\u5668\u7a97\u53e3\u4e2d\u6253\u5f00\u6240\u94fe\u63a5\u7684\u6587\u6863\uff0c\u56e0\u800c\u4f1a\u5220\u9664\u6240\u6709\u6846\u67b6
\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00\uff0c\u6807\u51c6\u901a\u7528\u6807\u8bb0\u8bed\u8a00\u4e0b\u7684\u4e00\u4e2a\u5e94\u7528\u3002 \u201c\u8d85\u6587\u672c\u201d\u5c31\u662f\u6307\u9875\u9762\u5185\u53ef\u4ee5\u5305\u542b\u56fe\u7247\u3001\u94fe\u63a5\uff0c\u751a\u81f3\u97f3\u4e50\u3001\u7a0b\u5e8f\u7b49\u975e\u6587\u5b57\u5143\u7d20\u3002
\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00\u7684\u7ed3\u6784\u5305\u62ec\u201c\u5934\u201d\u90e8\u5206\uff08\u82f1\u8bed\uff1aHead\uff09\u3001\u548c\u201c\u4e3b\u4f53\u201d\u90e8\u5206\uff08\u82f1\u8bed\uff1aBody\uff09\uff0c\u5176\u4e2d\u201c\u5934\u201d\u90e8\u63d0\u4f9b\u5173\u4e8e\u7f51\u9875\u7684\u4fe1\u606f\uff0c\u201c\u4e3b\u4f53\u201d\u90e8\u5206\u63d0\u4f9b\u7f51\u9875\u7684\u5177\u4f53\u5185\u5bb9\u3002
\u5728WWW\u4e0a\u7684\u4e00\u4e2a\u8d85\u5a92\u4f53\u6587\u6863\u79f0\u4e4b\u4e3a\u4e00\u4e2a\u9875\u9762\uff08page\uff09\u3002\u4f5c\u4e3a\u4e00\u4e2a\u7ec4\u7ec7\u6216\u4e2a\u4eba\u5728\u4e07\u7ef4\u7f51\u4e0a\u5f00\u59cb\u70b9\u7684\u9875\u9762\u79f0\u4e3a\u4e3b\u9875Homepage\uff0c
\u6216\u9996\u9875\uff0c\u4e3b\u9875\u4e2d\u901a\u5e38\u5305\u62ec\u6709\u6307\u5411\u5176\u4ed6\u76f8\u5173\u9875\u9762\u6216\u5176\u4ed6\u8282\u70b9\u7684\u6307\u9488\uff08\u8d85\u7ea7\u94fe\u63a5\uff09\u3002
\u5728\u903b\u8f91\u4e0a\u5c06\u89c6\u4e3a\u4e00\u4e2a\u6574\u4f53\u7684\u4e00\u7cfb\u5217\u9875\u9762\u7684\u6709\u673a\u96c6\u5408\u79f0\u4e3a\u7f51\u7ad9\uff08Website\u6216Web\uff09\u3002
Web\u9875\u9762\u4e5f\u5c31\u662f\u901a\u5e38\u6240\u8bf4\u7684\u7f51\u9875\uff0c\u5728\u8fd9\u91cc\u4e0d\u4f5c\u533a\u5206\u3002
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>
实际效果如下：
target属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：blank、parent、self、top，这些参数值代表的含义如下：
blank，在新浏览器窗口中打开链接文件。
parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。
self，在同一框架或窗口中打开所链接的文档。
top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架
定义和用法
<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>
效果图：
html target属性，一般是在a标签中使用
Target 属性，可以定义被链接的文档在何处显示。
target="_blank" 在浏览器新窗口打开文档
target="_parent" 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
target="_self" 这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。
target="_top" 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self：这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
_top：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
绛旓細A鏍囩target灞炴э細<a> 鏍囩涓鐨 target 灞炴瑙勫畾鍦ㄤ綍澶勶紙褰撳墠绐楀彛鎴栨柊寮绐楀彛锛夋墦寮閾炬帴鏂囨。銆傚亣濡傚湪涓涓 <a> 鏍囩鍐呭寘鍚竴涓 target 灞炴э紝娴忚鍣ㄥ皢浼氳浇鍏ュ拰鏄剧ず鐢ㄨ繖涓爣绛剧殑 href 灞炴у懡鍚嶇殑銆佸悕绉颁笌杩欎釜鐩爣鍚诲悎鐨勬鏋舵垨鑰呯獥鍙ｄ腑鐨勬枃妗ｃ傚鏋滆繖涓寚瀹氬悕绉版垨 id 鐨勬鏋舵垨鑰呯獥鍙ｄ笉瀛樺湪锛屾祻瑙堝櫒灏嗘墦寮涓...
绛旓細target灞炴ф寚瀹氭墍閾炬帴鐨勯〉闈㈠湪娴忚鍣ㄧ獥鍙ｄ腑鐨勬墦寮鏂瑰紡锛屽畠鐨勫弬鏁板间富瑕佹湁锛歜lank銆乸arent銆乻elf銆乼op锛岃繖浜涘弬鏁板间唬琛ㄧ殑鍚箟濡備笅锛 blank锛屽湪鏂版祻瑙堝櫒绐楀彛涓墦寮閾炬帴鏂囦欢銆 parent锛屽皢閾炬帴鐨勬枃浠惰浇鍏ュ惈鏈夎閾炬帴妗嗘灦鐨勭埗妗嗘灦闆嗘垨鐖剁獥鍙ｄ腑銆俿elf锛屽湪鍚屼竴妗嗘灦鎴栫獥鍙ｄ腑鎵撳紑鎵閾炬帴鐨勬枃妗ｃ倀op锛屽湪褰撳墠鐨勬暣涓祻瑙堝櫒...
绛旓細target灞炴ф寚瀹氭墍閾炬帴鐨勯〉闈㈠湪娴忚鍣ㄧ獥鍙ｄ腑鐨勬墦寮鏂瑰紡锛屽畠鐨勫弬鏁板间富瑕佹湁锛歘blank銆乢parent銆乢self銆乢top锛岃繖浜涘弬鏁板间唬琛ㄧ殑鍚箟濡備笅锛氣棊_blank锛屽湪鏂版祻瑙堝櫒绐楀彛涓墦寮閾炬帴鏂囦欢銆傗棊_parent锛屽皢閾炬帴鐨勬枃浠惰浇鍏ュ惈鏈夎閾炬帴妗嗘灦鐨勭埗妗嗘灦闆嗘垨鐖剁獥鍙ｄ腑銆傚鏋滃惈鏈夎閾炬帴鐨勬鏋朵笉鏄祵濂楃殑锛屽垯鍦ㄦ祻瑙堝櫒鍏ㄥ睆绐楀彛涓浇...
绛旓細1銆乭tml涓殑鏍囩鐨則arget灞炴ц瀹氬湪浣曞鎵撳紑閾炬帴鏂囨。銆2銆佷娇鐢ㄦ柟娉曪細鍐欐硶璺宠浆鐨勮矾寰-鍦ㄨ繖鎸囩殑鏄渶瑕佽烦杞殑椤甸潰鐨勭綉鍧銆3銆佷緥濡傦細鐩稿璺緞 URL: a 鏍囩 銆4銆佸叾涓璽arget=_blank鏄痑鏍囩鐨勪竴涓睘鎬э紝灞炴у糭blank浠ｈ〃鍦ㄤ竴涓柊鐨勭獥鍙ｆ墦寮test.html閾炬帴銆傜壒鍒鏄庯細閫氳繃浠ヤ笂鍏充簬html涓殑a鏍囩鐨則arget鏄仛...
绛旓細html target灞炴э紝涓鑸槸鍦╝鏍囩涓娇鐢 Target 灞炴э紝鍙互瀹氫箟琚摼鎺ョ殑鏂囨。鍦ㄤ綍澶勬樉绀銆1. target="_blank" 鍦ㄦ祻瑙堝櫒鏂扮獥鍙ｆ墦寮鏂囨。 2. target="_parent" 杩欎釜鐩爣浣垮緱鏂囨。杞藉叆鐖剁獥鍙ｆ垨鑰呭寘鍚潵瓒呴摼鎺ュ紩鐢ㄧ殑妗嗘灦鐨勬鏋堕泦銆傚鏋滆繖涓紩鐢ㄦ槸鍦ㄧ獥鍙ｆ垨鑰呭湪椤剁骇妗嗘灦涓紝閭ｄ箞瀹冧笌鐩爣 _self 绛夋晥銆3. ...
绛旓細濡傛灉鍦ㄤ竴涓 <a> 鏍囩鍐呭寘鍚竴涓 target 灞炴锛屾祻瑙堝櫒灏嗕細杞藉叆鍜屾樉绀虹敤杩欎釜鏍囩鐨 href 灞炴у懡鍚嶇殑銆佸悕绉颁笌杩欎釜鐩爣鍚诲悎鐨勬鏋舵垨鑰呯獥鍙ｄ腑鐨勬枃妗ｃ傚鏋滆繖涓寚瀹氬悕绉版垨 id 鐨勬鏋舵垨鑰呯獥鍙ｄ笉瀛樺湪锛屾祻瑙堝櫒灏嗘墦寮涓涓柊鐨勭獥鍙ｏ紝缁欒繖涓獥鍙ｄ竴涓寚瀹氱殑鏍囪锛岀劧鍚庡皢鏂扮殑鏂囨。杞藉叆閭ｄ釜绐楀彛銆備粠姝や互鍚庯紝瓒呴摼鎺ユ枃妗ｅ氨...
绛旓細html涓璽arget灞炴鍙互璁剧疆涓篲blan k鏉ユ墦寮鏂扮獥鍙ｃ傛瘮濡傦細鎻愪氦涓涓湪鏂扮獥鍙ｄ腑鎵撳紑鐨勮〃鍗曪細<form action="demo_form.asp" target="_blank"> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> <input type="submit" ...
绛旓細1銆html涓璽arget灞炴鍙互璁剧疆涓篲blank鏉ユ墦寮鏂扮獥鍙ｃ2銆佹瘮濡傦細鎻愪氦涓涓湪鏂扮獥鍙ｄ腑鎵撳紑鐨勮〃鍗曪細<form acti target=_blank> First name: <input type=text name=fname /><br /> Last name: <input type=text name=lname /><br /> <input type=submit value=Submit /></form> 3銆佸畾涔...
绛旓細鈻灞炴 href="URI"鎸囧畾鐨鐩爣鏂囦欢 name="鍚嶇О"鏀剧疆鍚嶇О鏉ヨ幏鍙栨枃妗ｄ腑鐨勯摼鎺 target="妗嗘灦鍚嶇О"妗嗘灦鐨勫悕绉伴摼鎺ワ紝浠ユ煡鐪嬫枃浠 charset="瀛楃闆"瀛楃闆嗛摼鎺 hreflang="璇█浠ｇ爜"閾炬帴璇█浠ｇ爜闆 type="MIME绫诲瀷"MIME绫诲瀷鐨勯摼鎺 rel="杩炴帴绫诲瀷"浠庤繖涓摼鎺ョ湅鍒版湁鍏虫枃浠 rev="杩炴帴绫诲瀷"鐪嬪埌杩欎唤鏂囦欢涔嬮棿鐨勫叧绯诲拰...
绛旓細1.href灞炴э細鐢ㄤ簬鎸囩ず閾炬帴鐨鐩爣锛岃灞炴у浜巃鏍囩鏉ヨ蹇呬笉鍙皯銆傝█鎴愮鎶2.title灞炴э細褰撶敤鎴风殑榧犳爣绉诲叆瓒呴摼鎺ユ椂锛屼細鏄剧ずtitle灞炴х殑鍏蜂綋灞炴у 瑷鎴愮鎶3.target灞炴锛涚敤浜庢帶鍒堕摼鎺ラ〉闈㈡墦寮鐨勪綅缃俖blank锛氭祻瑙堝櫒鎬诲湪涓涓柊鎵撳紑銆佹湭鍛藉悕鐨勭獥鍙ｄ腑杞藉叆鐩爣鏂囨。 瑷鎴愮鎶_self锛氶粯璁ょ姸鎬侊紝鍦ㄥ綋鍓嶉〉闈/...
