id属性的特殊用法

HTML

1、使用id属性能够使一个超链接关联到页面内的某个具体地方，从而避免漫长的滚动，具体如下：

    <a href="#top">id属性的特殊用法</a>
    <a href="#middle">SecondPart</a>
    <a href="#bottom">LastPart</a>
<h1 id="top">id属性的特殊用法</h1>
    <p>A herf link can be conneted to a certain location of a page, by using id to identify a block     element.
    </p>
<h2 id="middle">This is a second part of the page</h2>
    <p>This a second part.</p>
<h3 id="bottom">This is the last part f the page</h3>
    <p>This athe last paragraph.</p>

无论中间加入了多少内容，点击页面顶部的超链接就能使内容跳转到相对应的区域（类似百度百科的目录）。

但需要注意的是，链接所跳转到的部分会对应地显示在页面的顶部，而不是页面的正中。
所跳转的部分id写入超链接时必须带上"#"（与CSS样式中的id使用方式相同）

2、此方法还可以链接到其它页面的对应位置，由于id属性支持跳转，所以我们只要依次在超链接地址中写入:“目标页面的相对或者绝对位置、所需跳转部分的id属性（以"#"开头）”