浅谈锚点跳转优先级

【前言】     本文简单说下锚点跳转优先级 【主体】     使用锚点跳转是常用的一种方式,例如返回顶部或者快速跳转书签目录等。分为3种 (1)name值   &nbsp...

【前言】

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

【主体】

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

.

  • 发表于 2019-09-17 14:20
  • 阅读 ( 55 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除