HTML5中a標籤的錨點使用

2021-08-19 01:22:19 字數 769 閱讀 9805

我在找oa

系統禪道專案管理軟體

蟬知企業門戶系統

然之協同辦公系統

在之前html版本中,a標籤通name屬性實現錨點的定位,再通過href屬性指向具體錨點。注意,這裡name屬性只是針對a標籤,其他標籤不可隨意新增name屬性,而且其餘諸如表單之類的name屬性的意義作用是不同的。所以a標籤的錨點鏈結有侷限性,如果你想吧在其他元素中設定錨點,需要在其他標籤中新增一層帶有name屬性的a標籤。比如上面的示例中,把a標籤改為h3。

我在找oa系統

可見如此操作,影響**美觀,略顯繁瑣。

相比html4,html5做了很大的改進,摒棄之前a標籤巢狀的繁瑣,而是廢除了name屬性,改用id來定位錨點。就如同css,jquery中的id選擇器定位頁面dom元素一樣,通過id快速跳轉到指定錨點位置。同樣的示例:

我在找oa系統

禪道專案管理軟體

蟬知企業門戶系統

然之協同辦公

系統

html5這樣修改最大的好處就是方便使用者跳轉任意元素,因為每個元素都可以設定id屬性,而無需再去巢狀a標籤。也就是說,html5中所有設有id屬性的標籤元素都可直接當作錨點。使用選擇器定位,這樣也很符合前端人員書寫css,jquery的習慣。而且各大主流搜尋引擎都已相容該功能。

現在再回過頭來看使用者提問的關於蟬知系統手冊功能裡錨點問題,就迎刃而解了。本文我們一起分享了html5中是如何實現錨點鏈結的,如果大家在平時**開發運營過程中遇到其他問題,歡迎一起分享交流,我們共同學習,共同進步。

HTML5中a標籤的錨點使用

我在找oa系統 禪道專案管理軟體 蟬知企業門戶系統 然之協同辦公系統 在之前html版本中,a標籤通name屬性實現錨點的定位,再通過href屬性指向具體錨點。注意,這裡name屬性只是針對a標籤,其他標籤不可隨意新增name屬性,而且其餘諸如表單之類的name屬性的意義作用是不同的。所以a標籤的錨...

HTML5錨點教程

錨點 是網頁製作中超級鏈結的一種,又叫命名錨點。命名錨記像乙個迅速定位器一樣是一種頁面內的超級鏈結,運用相當普遍。英文名 anchor 使用命名錨記可以在文件中設定標記,這些標記通常放在文件的特定主題處或頂部。然後可以建立到這些命名錨記的鏈結,這些鏈結可快速將訪問者帶到指定位置。建立到命名錨記的鏈結...

HTML5中的iframe標籤

iframe元素會建立包含另外乙個文件的內聯框架 即行內框架 src src 屬性規定在 iframe 中顯示的文件的 url name 設定該iframe的名字 scrolling scrolling屬性規定是否在 iframe 中顯示滾動條 frameborder frameborder屬性規定...