HTML導航欄的實現
阿新 • • 發佈:2021-08-01
這裡所用到的是連結裡的一個屬性——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>