HTML中a标签的herf、target属性的用法
<a href="http://www.baidu.com">百度一下</a>
讯享网
说到herf属性,下面给大家介绍一下a标签中herf属性的两种用法。
herf用法
1.跳转到目标页面
上述说到跳转到百度首页,在没有网的情况下也可以跳转到本地资源的页面。
讯享网<a href="index3.html">跳转到本地页面</a>
点击超链接文字后跳转到新页面。

2.锚链接
第一种是在本页面中实现点击跳转到页面任意一个位置,因为需要页面产生竖向的滚动条,所以页面需要大量的内容(给大家介绍一个在VScode编辑器中快速生成随机文本的技巧,输入Lorem*200按Enter键即可产生200行随机文本)
第一步:在要跳转的位置添加一个ID(设置目标位置)

第二步:在页面底部建立一个a标签
第三步:在a标签中href属性为#id名进行跳转

运行程序,点击“回到头部”即可跳转到页面最上面,锚链接的使用可以跳转到页面的任何位置,只需将第一步标签写到自己想跳转的位置就可以了。

第二种是跳转到其他页面的相应位置,用法和第一种的一样,只需将第三步herf属性中写为目标页面的地址和跳转位置的#id名(注意:地址和id名之间要用空格隔开)
target用法
target属性用于设置打开链接页面的方式,常用的有以下两种方式(以跳转到百度首页为例)
1.target属性值为_self
如果a标签中不设置target属性值,_self为这个属性的默认值,其作用是在当前页面跳转进行跳转。
<a href="http://www.baidu.com" target="_self">百度一下</a>

点击后,百度首页依然在此页面打开。

1.target属性值为_blank
跳转在一个新打开、未命名的页面。
讯享网<a href="http://www.baidu.com" target="_blank">百度一下</a>

点击后,浏览器新开一个窗口打开百度首页。

另外target还有两种较不常用的属性值,一种是_parent(在父窗体中打开链接),另一种是_top (在当前窗体打开链接,并替换当前的整个窗体)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/48307.html