html锚中的必须属性,谈谈HTML中锚点及其使用

9bfdd114ad867fd42f8c7918edb60d0d.png

概念

元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接

[注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮、链接等)

属性

href

href属性表示地址,共包括以下3种:

1、链接地址百度

22c986492b9144ed2088182e13fe665d-0.gif

2、下载地址下载测试

201d54439d4cf0b360ba46afa43ae152-1.gif

3、锚点

(1)href:#id名目录

内容

0ef3f7e982f15280cc238c26ce385d55-2.gif

(2)href:页面地址#id名足球比赛规则

9bb572df751b7605a3c8b5ec7906bfa9-3.gif

[注意]href属性一定不要留空,若暂时不需要写地址,则写#或javascript:;。若href留空,会刷新页面

href与src的区别

href(hypertext reference)指超文本引用,表示当前页面引用了别处的内容

src(source)表示来源地址,表示把别处的内容引入到当前页面

所以、

3dc696fa9a6bef0f39e175d6d9f9d4b2-4.gif

4、手机号码

在移动端,使用

//里层框架

//锚点页

chap1(_self)

chap2(_blank)

chap3(_parent)

chap4(_top)

chap5(framename)

eadb738d481ab5b0b961a654a830f192-5.gif

download

download属性用来设置下载文件的名称(firefox/chrome/opera支持)test

e9dabacadd2394b6940796815c60be05-6.gif

rel

rel属性表示表示链接间的关系alternate 相较于当前文档可替换的呈现

author 链接到当前文档或文章的作者

bookmark 链接最近的父级区块的永久链接

help 与当前上下文相关的帮助链接

license 当前文档的许可证

next 后一篇文档

prev 前一篇文档

nofollow 当前文档的原始作者不推荐超链接指向的文档

noreferer 访问时链接时不发送referer字段

prefetch 预加载链接指向的页面(对于chrome使用prerender)

search 用于搜索当前文档或相关文档的资源

tag 给当前文档打上标签

【应用】当一篇篇幅很长的文章需要多页显示时,配合next或prev可以实现前后页面导航的预加载前一页

后一页

//当然prefetch也可以用于预加载其他类型的资源

注意事项

1、标签的文本颜色只能自身进行设置,从父级继承不到

2、标签的下划线颜色跟随文本颜色进行变化

3、标签不可嵌套标签



本文转载自:https://www.cnblogs.com/xiaohuochai/p/5007282.html

想要了解更多相关知识,可访问 前端学习网站!!

以上就是谈谈HTML中锚点及其使用的详细内容,更多请关注html中文网其它相关文章!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值