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

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

其次，可以根據(jù)class名，HTML標(biāo)簽等獲取元素。

最后，還可以根據(jù)CSS的偽類獲取元素，CSS 偽類用于向某些選擇器添加特殊的效果。常用的偽類有： :active 向被激活的元素添加樣式。 :focus 向擁有鍵盤輸入焦點(diǎn)的元素添加樣式。 :hover 當(dāng)鼠標(biāo)懸浮在元素上方時(shí)，向元素添加樣式。 :link 向未被訪問的鏈接添加樣式。 :visited 向已被訪問的鏈接添加樣式。 :first-child 向元素的第一個(gè)子元素添加樣式。 :lang 向帶有指定 lang 屬性的元素添加樣式。

總結(jié)以下，如果通過其他方式能夠很方便的選擇出我們需要的元素，則可以減少id屬性的使用，否則使用id屬性，記得id屬性值必須唯一。