当前位置:首页 > 技术 >

html中target属性的用途(htmltarget属性是什么意思)

来源:原点资讯(www.yd166.com)时间:2023-04-16 23:37:11作者:YD166手机阅读>>

HTML元素的属性

html中target属性的用途,htmltarget属性是什么意思(1)

属性是为HTML元素提供的附加信息。

为相同的HTML元素指定不同的属性,会呈现不同的功能或效果。

举个例子:

比如我们在上一篇中练习过的<a></a>标签构成的超链接元素中有一个href属性,这个属性指定的是点击后跳转的页面地址,相同的<a>标签改变href属性就能跳转不同的页面。例如

<a href="https://www.bilibili.com/read/cv2720755">歼-20战斗机</a> <a href="http://mil.chinanews.com/mil/hd2011/2014/03-06/315569.shtml">歼-20战斗机</a><!-- 注释 看起来一样的超链接元素因为href属性不同,打开的页面也不同。-->

小伙伴们自己写的时候要注意使用半角符号,不然不能正确打开链接。

超链接元素中还有一个控制链接页面打开的属性叫做target,是用来控制新打开页面窗口的位置。下面我们就看看target属性为_blank和_parent的情况下的不同。例如

<a href="https://www.bilibili.com/read/cv2720755" target="_blank">歼-20战斗机</a> <a href="http://mil.chinanews.com/mil/hd2011/2014/03-06/315569.shtml" target="_parent">歼-20战斗机</a><!-- 注释 看起来一样的超链接元素因为target属性不同,打开的页面所在窗口不同。-->

测试后,target="_blank"时,新页面在测试页面窗口旁边新建一个窗口打开。

target="_parent"时,新页面在原有测试页面窗口中打开。

如图所示:

html中target属性的用途,htmltarget属性是什么意思(2)

左边为_blank,右边为_parent,点击左边链接后,新窗口在原有窗口旁边打开。如下图:

html中target属性的用途,htmltarget属性是什么意思(3)

点击右侧

html中target属性的用途,htmltarget属性是什么意思(4)

首页 12下一页

栏目热文

html一个标签怎么设置(html怎么打出多个标签)

html一个标签怎么设置(html怎么打出多个标签)

经过昨天的学习算是对html有了一点点了解,知道了什么是前端,什么是HTML、前端三大标准、主流浏览器和html的基本结...

2023-04-16 23:46:54查看全文 >>

html如何加入meta标签(html的a标签的target怎么用)

html如何加入meta标签(html的a标签的target怎么用)

meta标签介绍meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其...

2023-04-16 23:42:18查看全文 >>

html target标签的使用(html标签正确使用方法)

html target标签的使用(html标签正确使用方法)

实例在新窗口中打开所有超链接,并放置上述所有其他标签/窗口的新窗口:a{target:new front;}浏览器支持任...

2023-04-16 23:38:32查看全文 >>

html中target属性(html中target加在哪)

html中target属性(html中target加在哪)

需求场景客户希望实现这样一个场景:点击一个超链接,使用新窗口打开链接页面。但是当链接窗口已经被打开时,这是就不能弹新窗口...

2023-04-16 23:29:42查看全文 >>

html怎么给标签添加说明(如何为html添加标签)

html怎么给标签添加说明(如何为html添加标签)

一、meta标签的作用meta标签是下面这样的,它有两个主要作用:作用1:告诉浏览器以什么样的解码方式读取作用2:给搜索...

2023-04-16 23:30:46查看全文 >>

html如何获得标签(html怎么打出多个标签)

html如何获得标签(html怎么打出多个标签)

上篇文章我们介绍了怎么创建一个最基本的网页,这篇我们介绍一下经常被使用的标签及用途。显示在浏览器中的内容都要添加在基本模...

2023-04-16 23:10:28查看全文 >>

html中的target是干什么的(html target属性的使用)

html中的target是干什么的(html target属性的使用)

在HTML页面中嵌入其他页面的方法在自己的页面中嵌入其他页面是一个非常重要的操作,既能丰富自己的页面样式又能增强页面的信...

2023-04-16 23:47:48查看全文 >>

html中加入p标签会怎么样(html设置位置的标签有哪些)

html中加入p标签会怎么样(html设置位置的标签有哪些)

HTML标签规范尽管目前浏览器都兼容HTML,但是,使网页能够符合标准,应该尽量使用XHTML规范来编写代码,需要注意以...

2023-04-16 23:21:58查看全文 >>

辽宁十大臭名职业大专(辽宁最坑5所大学)

辽宁十大臭名职业大专(辽宁最坑5所大学)

北京时间4月14日,恒大球员于汉超因涂改车牌被广州交警处以5000元罚款 15日拘留 驾驶证扣除12分的处罚,而广州恒大...

2023-04-16 23:25:35查看全文 >>

葫芦岛工程技术大学是几本(葫芦岛一本大学有哪些)

葫芦岛工程技术大学是几本(葫芦岛一本大学有哪些)

6月6日,有网友通过人民网领导留言板提出“对辽宁工程技术大学更名或搬迁的建议”,建议中提到“辽宁工程技术大学,原名阜新矿...

2023-04-16 23:24:17查看全文 >>

文档排行