HTML頁面中如何避免過度使用ID?

5年前 (2020-12-09)閱讀819回復0
浪久己孤
浪久己孤
  • 管理員
  • 發(fā)消息
  • 注冊排名94
  • 經驗值155
  • 級別管理員
  • 主題31
  • 回復0
樓主

??首先,一個HTML文件中,所有元素的id屬性值都應該是唯一的,現在大多數的IDE都有校驗功能,如果id重復了會有相應的警告或者錯誤提示的,這樣就可以規(guī)避元素的id屬性值重復的問題了。根據id獲取元素對象,不管是原生js,還是jquery等js庫都是最便捷的了,只要保證頁面各個元素的id屬性值唯一即可。

??其次,可以根據class名,HTML標簽等獲取元素。最后,還可以根據CSS的偽類獲取元素,CSS 偽類用于向某些選擇器添加特殊的效果。常用的偽類有: :active 向被激活的元素添加樣式。 :focus 向擁有鍵盤輸入焦點的元素添加樣式。 :hover 當鼠標懸浮在元素上方時,向元素添加樣式。

?? :link 向未被訪問的鏈接添加樣式。 :visited 向已被訪問的鏈接添加樣式。 :first-child 向元素的第一個子元素添加樣式。 :lang 向帶有指定 lang 屬性的元素添加樣式。總結以下,如果通過其他方式能夠很方便的選擇出我們需要的元素,則可以減少id屬性的使用,否則使用id屬性,記得id屬性值必須唯一。

0
0
收藏0
回帖

HTML頁面中如何避免過度使用ID? 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網絡圖片

取消確定

圖片上傳中
編輯器信息
提示信息