HTML标签target属性详解

 时间:2024-09-20 23:26:50

本文为您讲述关于HTML<a>标签target属性详解,以及target用法、target写作案例并补充了target标签对SEO优化的作用

HTML标签target属性详解

工具/原料

HTML标签target属性

方法/步骤

1、A标签target属性:<a&壹执慵驾gt;标签中的target属性规定在何处(当前窗口或新开窗口)打开链接文嘲汲萝镗档。假如在一个<a>标签内包含一个target属性,浏览器将会载入和显示用这个标签的href属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或id的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

2、Target属性作用:当用户第一次选择内容列表中的某个链接时,浏览器将打开缬方焱蜱一个新的窗口,将它标记为惺绅寨瞀"view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个"view_window"仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。在整个过程中,这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接,可使另一个窗口的内容发生变化。

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

4、Target属性blank的作用作用:所指浏览器总在一个新打开、未命名的窗口中载入目标文档。(在新窗口中打开被链接文档)用法:<aherf=”www.oroov.com”target=”_blank”>网络推广</a>

5、Target属性self的作用作用:这个目标的值对所有没有指定目标的<a>标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题<base>标签中的target属性一起使用。(在相同的框架中打开被链接文档)用法:<aherf=”www.oroov.com”target=”_self”>网络推广</a>

6、Target属性parent的作用作用:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标_self等效。(在父框架集中打开被链接文档)用法:<aherf=”www.oroov.com”target=”_parent”>网络推广</a>

7、Target属性top的作用作用:这个目标使得文档载入包含这个超链接的窗口,用_top目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。(在整个窗口中打开被链接文档)用法:<aherf=”www.oroov.com”target=”_top”>网络推广</a>

8、Target属性framename的作用对于framename的作用就与以裼沙钔炯上四个的用法就不同了,当采用frameset薨摄架镄框架的时候,使用target=”frame_name”或target=”view_frame”可指定a目标的地址,也就是同一个页面当用户从左边框架中的目录中选择一个链接时,浏览器会将这个关联的文档载入并显示在右边这个”view_frame”或”frame_name”框架中。当其他链接被选中时,右边这个框架中的内容也会发生变化,而左边这个框架始终保持不变。(在指定的框架中打开被链接文档)其用法:<framesetcols="10,10"><framesrc="doc.html"><framesrc="div.html"name="view_frame"></frameset>实际效果如图:

HTML标签target属性详解

9、Target标签对seo的作用:如果站在用户的角度方面,target标签对于优化用户体验的作用有一定的帮助性,当我们打开某一个页面时如果都在当前页面打开,会给用户造成极大的不便,总不能让用户每看一个页面点一次后退吧,还有就是有的用户习惯性的点击查看文章内容页后会关掉,如果都是当前页面打开,无异于提高了网站跳出率,所以一般网站的部分链接尽量使用新窗口打开

HTML网页怎样获取input的值 如何在HTML中插入图片 html页面如何创建多选框 HTML怎么实现网页跳转 p标签字体颜色怎么改
热门搜索
短发蛋卷头发型图片 海贼王乔巴图片 成人 动漫 甲贺忍法帖动漫 菜图片大全