李涛自留地
回到顶部
首页 > 前端 > target属性有哪些?target属性的作用及用法

target属性有哪些?target属性的作用及用法

文章目录

Target标签在Html语法中是最为常用也是离不开的标签之一,它是Html中超链接a标签的必备元素或者说是标签之一,Target标签通过设置不同的属性值,可以实现在浏览器中以何种框架、何种窗口的形式打开一个链接页面,下面主要记载的就是Target具有哪些属性值?以及Target属性值的作用。

target属性有哪些?target属性的作用及用法

Target具有哪些属性值

Target一共有5中属性值,分别是_blank、_self、_parent、_top、framename。个人感觉还是前两种在前端页面开发中使用的最多。简单的了解了Target具有哪些属性值后,下面将通过表格的形式展现出Target属性值及属性值的作用。

Target属性值及属性值的作用表格

属性值 作用
_blank 在新窗口中打开被链接文档
_self Target默认属性。在相同的框架中打开被链接文档
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

Target属性的用法

在文章的开头部分说到了Target属性是a标签中的内置元素标签,那么Target属性就是写在a标签内的标签。

<a target="_blank" href="https://www.baidu.com" title="百度">百度</a>

把Target属性设置为_blank的时候,就会在浏览器的新的页面中打开a链接标签中的网址。

<a target="_self" href="https://www.baidu.com" title="百度">百度</a>

把Target属性设置为_self的时候,就会在浏览器的当前页面中打开a链接中的网址,此处如果不写Target属性标签,当我们点击a链接标签的时候,就等价与Target属性设置为_self,就是在当前页面打开了a标签中的网址。

在日常的开端页面开发中,以上两种Target属性的用法是最常见的,很多站长出于网站流量跳出率的原因,_blank属性用的最多。

以上就是本文简单的介绍的《Target具有哪些属性值?以及Target属性值的作用》一文。

若非作者标注皆为李涛自留地原创文章,转载或复制请以超链接形式并注明出处。