关于Html中的锚点

最新推荐文章于 2024-07-26 14:14:21 发布

silence^

最新推荐文章于 2024-07-26 14:14:21 发布

阅读量213

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/lyclyc_/article/details/106763409

版权

说实话以前还真没有关注过这个锚点，现在整理如下：
在文字的顶部中部和底部分别写上如下：
a name=“top”>TOP部分
a name=“content”>CONTENT部分
a name=“foot”>FOOT部分
以下访问链接
a href="#top">点击我链接到TOP
a href="#content">点击我链接到CONTENT
a href="#foot">点击我链接到FOOT


```css
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a name="top">这里是top部分</a>
    <p>
    <h3>第一段</h3>
    <a href="#foot">点我回底部</a>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </p>
    <p>
    <h3>第二段</h3>
    <a name="content">这里是content部分</a>
    <a href="#top">点我回顶部</a>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </p>
    <p>
    <h3>第三段</h3>
    <a name="foot">这里是foot部分</a>
    <a href="#top">点我回顶部</a>
    <a href="#content">点我回中部</a>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </p>
</body>

</html>



[参考了此处](https://www.jb51.net/web/118579.html)
**还有一种写法**
 <a href="#a11">第一个</a>
    <a href="#b">第二个</a>
    <a href="#c">第三个</a>
    
    <p id="a11">
    第一段话
    
     <p id="b">
     第二段话
     
      <p id="c">
      第三段话