1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > SEO/SEM >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

HTML网页制作锚点链接的方法--九分科技

时间:2020-06-17   分类:SEO/SEM    作者:网络   来源:网络整理   点击:193

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

www.9fen.net

HTML网页制作锚点链接的方法 www.9fen.net

copyright 9fen.net

  什么是锚点链接

copyright 9fen.net

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

  锚点链接的作用 内容采集来自9fen.net

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

内容采集来自9fen.net

  怎么设置锚点链接

www.9fen.net

  这里以锚点“尹华峰”为例,代码如下:

内容采集来自9fen.net

  <a href="#yinhuafeng">跳到尹华峰</a>   <a name="yinhuafeng">尹华峰</a>

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

copyright 9fen.net

  <a href="111.html#yinhuafeng">跳到尹华峰</a>   <a name="yinhuafeng">尹华峰</a>

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

本文来自九分网络

标签: 锚点链接 网站SEO

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----