以前學 HTML 的會用到 Anchor,這中文叫錨點,以前用 Dreamweaver 設計網頁的時候也是叫錨點,而且必須用超連結 <A name="xxx"> 的方式來達成,如 :
<a href="#MyAnchorName">My Content</a> ....... ....... <a name="MyAnchorName"></a> <h1>My Title</h1> ....
可是現在,看到 HTML5 取消了超連結標籤 <a> 中的 name 屬性了說,雖然 name 實際上還是能用啦,但畢竟名義上被取消了,那麼要改用另一種做法,就是 id。
例如 :
<a href="#MyAnchorName">My Content</a> ....... ....... <h1 id="MyAnchorName">My Title</h1> ....
所以現在任何地方只要想要加用錨點的,用 id 就行了,這樣反而方便多了,任何 HTML TAG 只要有 id 的屬性,都可成為一個超連結的錨點,這樣語意更加明確,且更省 HTML Code,由於我的電腦已經沒有古老的瀏覽器,不知道相容性是否有問題,但是這方法看起來目前的 Chrome/FireFox/IE 10 都行的。
太久沒去碰前端了,看來要找個時間好好再看看到底 HTML5 還有甚麼新異動。
參考連結