0

    HTML网页制作锚点链接的方法

    2023.05.02 | admin | 253次围观

    在我们网民浏览网页时,有时候我们会发现某些网页内容很繁杂,内容叙述比较长,在顶部或者目录上有一些文字链接比较特殊,点击之后就会跳到当前页面的指定某个位置上,这个文字链接就是一个锚链。例如,大家在浏览百度百科中的内容时,目录中的链接就是一个锚链链接(简称锚链)。那这个锚点链接是怎么做的呢?它的存在有哪些价值?

    什么是锚点链接

    锚点链接,也有称呼为书签链接,常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落目录里不能链接到页面,更能当作"精准链接"的便利工具,让链接对象接近焦点。

    锚点链接的作用

    一般来说,锚链在单页面网站或一些内容繁杂的页面中比较常见,通过设置锚点,当我们点击锚点跳到指定位置的内容,可以更好的方便读者浏览网页内容,第一时间在网页中找到自己想要的信息,因此锚点链接的存在从某种程度上方便了读者,对网页起到了优化的效果。所以网页中设计巧妙的锚点链接对SEO优化也有着莫大助益,下面我们来看看锚点链接的设置方法。

    怎么设置锚点链接

    这里以锚点“欢欢seo”为例,代码如下:

      跳到欢欢seo
      欢欢seo

    注意:href的值要跟name 的 i d 保持一致,href值要加上#号,此种方法是跳转到当页面的锚点位置。如果要跳到另一个网页的锚点位置(如:111.html页面的锚点“欢欢seo”),就做如下修改:

      跳到欢欢seo
      欢欢seo

    结语:在HTML网页中设置锚链还是比较简单的,操作几次基本就运用自如了。虽然上文说锚点链接对搜索引擎优化比较友好目录里不能链接到页面,但这只限锚链运用得当。一般情况下,博主是不推荐使用锚点链接的,不仅显得多余,还浪费界面的有限资源,所以SEO人员在使用锚链时,一定要从网页的用户体验度来考虑是否设置锚点链接。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论