額,原來 HTML Anchor 已經變成要用 id 不能用 name 了啊

以前學 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 還有甚麼新異動。

參考連結

 

發佈留言