1. 程式人生 > 其它 >HTML導航欄的實現

HTML導航欄的實現

這裡所用到的是連結裡的一個屬性——name,也就是命名錨。

顧名思義,就是在頁面上建立一個書籤,該書籤為讀者不可見,但可以使讀者通過關鍵詞快速定位到自己想去的位置上。

同個頁面:

<a href="#bookmarks">關鍵詞</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<!-- 這是需要被快速定位的位置 -->
<a name
="bookmarks">落葉的位置<br/>譜出一首詩<br/>時間在消逝<br/>我們的故事開始</a>

不同頁面:

<a href="xxxxx/xxxx/xx#tips">關鍵詞</a>

體現在頁面上為:

不過據說html5中已經捨棄了name的用法,使用時可能會報錯,所以可以使用id的方法去進行錨點定位

<a href="#bookmarks">關鍵詞</a>
<br /><br /><br /><br /><br /><
br /><br /><br /><br /><br /><br /><br /> <!-- 這是需要被快速定位的位置 --> <div id="bookmarks">落葉的位置<br/>譜出一首詩<br/>時間在消逝<br/>我們的故事開始</a>