HTML-a锚链接-00

2023-10-13 22:27:28

锚链接

锚链接：给超链接起一个名字，作用是在本页面或者其他页面的的不同位置进行跳转。比如说，在网页底部有一个向上箭头，点击箭头后回到顶部，这个就可以利用锚链接。

首先我们要创建一个锚点，也就是说，使用name属性或者id属性给那个特定的位置起个名字。

<body>
  <h3 id="h3-00" name="he-00">123</h3>
  <div style="height: 1000px; width: 100vw;"></div>
  <a href="#h3-00">123</a>
</body>

然后在底部设置超链接，点击时将回到顶部。注意上图中红框部分的#号不要忘记了

除此之外，还可以跳转到别的页面的某一部分

<a href="a.html#name1">回到顶部</a>

说明：name属性是HTML4.0以前使用的，id属性是HTML4.0后才开始使用。为了向前兼容，因此，name和id这两个属性都要写上，并且值是一样的。

<body alink="yellow" vlink="black">
  <a href="" style="font-size: 2em;">123</a>
</body>