html锚点

作者：故事只剩听说发布日期:2026-07-28 浏览:32

<!DOCTYPE html>
<html>
<head>
    <title>HTML 锚点示例</title>
</head>
<body>

<h2>使用锚点链接到页面中的某个部分</h2>

<p><a href="#C4">跳转到章节 4</a></p>
<p><a href="#C7">跳转到章节 7</a></p>

<h2 id="C4">章节 4</h2>
<p>这是章节 4 的内容。</p>

<h2 id="C7">章节 7</h2>
<p>这是章节 7 的内容。</p>

</body>
</html>

解释说明：

<a href="#C4">跳转到章节 4</a>：这是一个超链接，点击后会跳转到页面中 id="C4" 的元素位置。
<h2 id="C4">章节 4</h2>：这是目标元素，拥有 id="C4"，当点击上面的链接时，页面会滚动到这个位置。

通过这种方式，可以方便地在长页面内进行快速导航。

上一篇：html入门

下一篇：audio html