浅谈锚点跳转优先级

【前言】

    本文简单说下锚点跳转优先级

 

 

【主体】

    使用锚点跳转是常用的一种方式，例如返回顶部或者快速跳转书签目录等。分为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 均可，但要注意命名冲突

 

.