【前言】
本文简单说下锚点跳转优先级
【主体】
使用锚点跳转是常用的一种方式,例如返回顶部或者快速跳转书签目录等。分为3种
(1)name值
a 标签 name 属性值为 top(可变)
<!-- 定义一个名称为top的锚点链接 -->
<a name="top"></a>
<!--主体代码-->
<!--返回页面顶部top锚点的链接-->
<a href="#top">返回顶部</a>
(2)id值
a标签的 id 值为top(可变)
<!-- 定义一个名称为top的锚点链接 -->
<a id="top"></a>
<!--主体代码-->
<a href="#top">返回顶部</a>
(3)默认值
新版本的浏览器(chrome等)默认支持 #top 锚点返回顶部且不需要前面所提条件,但是前面条件的优先级大于默认跳转
<!--主体代码-->
<a href="#top">返回顶部</a>
(4)下面说下优先级,这个是关键,避免无意中犯了错误却无从下手
注意:
id > name > 默认
不建议大家用默认的方式,具体有兼容问题和优先级低的问题,id 与 name 均可,但要注意命名冲突
.