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

2018年3月14日09:25:48 发表评论

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

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

什么是锚点链接

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

锚点链接的作用

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

怎么设置锚点链接

这里以锚点“大标seo博客”为例,代码如下:

  <a href="#dabiaoseo">跳到大标seo博客</a>
  <a name="dabiaoseo">大标seo博客</a>

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

  <a href="111.html#dabiaoseo">跳到大标seo博客</a>
  <a name="dabiaoseo">大标seo博客</a>

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: