【摘要】：超链接中也有一种叫作“锚点链接”的特殊类型，它与船锚的作用类似，用于页面中的精准定位。动手写5.3.1 锚点链接“动手写5.3.1”中，页面上写满了三国时代的人名。“动手写5.3.2”中设置的锚点链接会跳转到“动手写5.3.1”页面中的锚点位置。动手写5.3.2 跳转到其他页面的锚点链接点击网页中不存在的锚点，可以返回到页面顶部，因此我们可以设置a标签属性为href="#top"或者href="#"。
说到锚，我们会想到船锚。船锚一般是铁制的停船器具，用铁链连在船上，当其被抛到水底时，可使船停稳。超链接中也有一种叫作“锚点链接”的特殊类型，它与船锚的作用类似，用于页面中的精准定位。当我们打开一个网址的时候，浏览器窗口默认展示的总是页面最上方的部分，使用锚点链接可以让页面定位到任意的位置。
我们可以通过元素的id属性创建锚点，id的值也就是锚点的名称，然后在链接元素的href中使用一个hash符号（#）加上锚点的名称来指定需要定位到的锚点。
动手写5.3.1 锚点链接
“动手写5.3.1”中，页面上写满了三国时代的人名。我们将每个国家的人名归类后放到统一的div元素里，并且给每个div设置一个id。比如，曹魏的人名放到id为“wei”的div元素里，这个div就具有了一个名为“wei”的锚点。我们再设置一个a标签，href属性的值为“#wei”，那么点击这个链接就会跳转到魏国人物列表的位置。同理，点击“蜀汉人物”和“东吴人物”也会跳转到相对应的div的起始点。
锚点链接除了可以跳转到本页面的指定位置外，还可以跳转到其他页面的锚点位置，方式是在URL后再加上锚点的地址。“动手写5.3.2”中设置的锚点链接会跳转到“动手写5.3.1”页面中的锚点位置。(www.xing528.com)
动手写5.3.2 跳转到其他页面的锚点链接
点击网页中不存在的锚点，可以返回到页面顶部，因此我们可以设置a标签属性为href="#top"或者href="#"。这对于内容多、页面高度高的站点非常有用，当用户浏览到底部时可以很方便地跳回页头。
动手写5.3.3 返回页面头部
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
