2024-11-05
selective focus photography of anchor pendant

Photo by ABD NIMIT on <a href="https://www.pexels.com/photo/selective-focus-photography-of-anchor-pendant-1379354/" rel="nofollow">Pexels.com</a>

在同頁 html page 上, 需要連結到對應位置時, 會使用 anchor 這個功能, 早期是使用:

...
<a name="anchor1"></a>
...

這種方式, 而在連結使用時, 是

...
<a href="#anchor1">link to anchor1</a>
...

的方式, 不過在 html5 時, name 屬性已 obsoleted, 改為 id 屬性, 不過, 到目前為止, 仍能使用 name 屬性沒有問題.

調整為 id 屬性, 與選擇器 (selector) 相同語法, id 選擇器為 # 的方式來呼叫, 的確是比較直覺.

所以之後建議使用 id 屬性如下:

...
<a id="anchor1"></a>
...

來個搞笑的上課影片, 笑翻.

這樣上課也挺妙的.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Enable Notifications OK No thanks