链接到同一个页面的不同位置

此例演示：

本例演示如何使用链接跳转至文档的另一个部分。

实例解析：

<a href="#C4">查看章节 4</a>，在链接的后面加上#C4，就可跳转到文档的另一个部分。

新建文件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(www.php.cn)</title> </head> <body> <p> <a href="#C4">查看章节 4</a> </p> <h2>章节 1</h2> <p>这边显示该章节的内容……</p> <h2>章节 2</h2> <p>这边显示该章节的内容……</p> <h2>章节 3</h2> <p>这边显示该章节的内容……</p> <h2><a id="C4">章节 4</a></h2> <p>这边显示该章节的内容……</p> <h2>章节 5</h2> <p>这边显示该章节的内容……</p> <h2>章节 6</h2> <p>这边显示该章节的内容……</p> <h2>章节 7</h2> <p>这边显示该章节的内容……</p> <h2>章节 8</h2> <p>这边显示该章节的内容……</p> <h2>章节 9</h2> <p>这边显示该章节的内容……</p> <h2>章节 10</h2> <p>这边显示该章节的内容……</p> <h2>章节 11</h2> <p>这边显示该章节的内容……</p> <h2>章节 12</h2> <p>这边显示该章节的内容……</p> <h2>章节 13</h2> <p>这边显示该章节的内容……</p> <h2>章节 14</h2> <p>这边显示该章节的内容……</p> <h2>章节 15</h2> <p>这边显示该章节的内容……</p> <h2>章节 16</h2> <p>这边显示该章节的内容……</p> <h2>章节 17</h2> <p>这边显示该章节的内容……</p> </body> </html>

提交重置代码

自动运行