HTML 标签的 target 属性详解

<13>HTML <14> 标签的 target 属性<15> <16>定义和用法<17> <18><19> 标签的 target 属性规定在何处打开链接文档。<20> <21>如果在一个 <22> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。<23> <24>打开新窗口<25> <26>使用 target 属性可以创建高效的浏览工具。例如，一个简单的内容目录可以将文档重定向到一个单独的窗口：<27> <28><29><!-- 目录页面 --> <30>Table of Contents<31> Preface Chapter 1 Chapter 2 Chapter 3<32><33> <34>当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。当用户从这个内容列表中选择另一个链接时，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。<35> <36>这样，目录窗口保持可访问状态，用户可以通过单击链接来改变另一个窗口的内容。<37> <38>在框架中打开窗口<39> <40>除了打开完整浏览器窗口，更常见的用法是在一个 <frameset> 中将超链接内容定向到一个或多个框架中。可以将目录放入一个框架中，用相邻框架显示选定的文档：<41> <42><43><!-- frameset.html --> <frameset cols="20%,80%"> <frame src="toc.html" name="toc_frame"> <frame src="preface.html" name="view_frame"> </frameset> <!-- toc.html --> <44>Table of Contents<45> Preface Chapter 1 Chapter 2 Chapter 3<46><47> <48>当用户从左边框架中的目录选择一个链接时，浏览器会将关联的文档载入并显示在右边的 "view_frame" 框架中。其他链接被选中时，右边框架内容变化，左边框架始终保持不变。<49> <50>特殊的目标名称<51> <52>有 4 个保留的目标名称用作特殊的文档重定向操作：<53> <54> <55> <56> <57>目标值<58> <59>描述<60> <61> <62> <63> <64> <65><66>_blank<67><68> <69>浏览器总在一个新打开、未命名的窗口中载入目标文档。<70> <71> <72> <73><74>_self<75><76> <77>默认值。使得目标文档载入并显示在相同的框架或者窗口中作为源文档。<78> <79> <80> <81><82>_parent<83><84> <85>使文档载入父窗口或者包含超链接引用的框架的框架集。如果在窗口或顶级框架中，与 _self 等效。<86> <87> <88> <89><90>_top<91><92> <93>使文档载入包含这个超链接的窗口，用 _top 将会清除所有被包含的框架并将文档载入整个浏览器窗口。<94> <95> <96> <97> <98> <99>提示：<100>这些 target 的 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。 <101> <102>语法<103> <104><105>链接文本<106><107> <108>属性值<109> <110> <111> <112> <113>值<114> <115>描述<116> <117> <118> <119> <120> <121>_blank<122> <123>在新窗口中打开被链接文档。<124> <125> <126> <127>_self<128> <129>默认。在相同的框架中打开被链接文档。<130> <131> <132> <133>_parent<134> <135>在父框架集中打开被链接文档。<136> <137> <138> <139>_top<140> <141>在整个窗口中打开被链接文档。<142> <143> <144> <145>framename<146> <147>在指定的框架中打开被链接文档。<148> <149> <150> <151> <152>实际应用示例<153> <154>示例1：在新窗口打开外部链接<155> <156><157>访问示例网站<158><159> <160>示例2：在相同窗口打开链接<161> <162><163>关于我们<164><165> <166>示例3：在iframe中打开链接<167> <168><169>加载页面 <iframe name="content-frame" width="100%" height="400"></iframe><170><171>