同一段兩次使用同一個ID
?<p>到了<span?id="bigsizeid">三年級</span>下學期時,我們班上了一節<span?id="bigsizeid">公開課</span>,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
為什么在同一段里面我用了兩次同一個id沒有錯誤?
?<p>到了<span?id="bigsizeid">三年級</span>下學期時,我們班上了一節<span?id="bigsizeid">公開課</span>,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
為什么在同一段里面我用了兩次同一個id沒有錯誤?
2016-10-13
舉報
2016-10-20
首先,你的明白,我們前端寫代碼是要遵循`W3C`的標準的,這個標準/組織規定了一個頁面內可以有無限個id但是不允許有重復的id。你使用了重復的id定義樣式,瀏覽器是能夠解析的,但是站在開發者的角度來說,是不符合規定的。
舉個栗子:譬如,一所高中學校的校規里面明文規定高中生不能帶手機回學校,否則會受到應有的懲罰!但是,這意味著不能帶手機回學校嗎?其實不是,假設我們帶了,但是沒有被發現,也就沒有被懲罰。換句話來說,就是能夠帶回學校,但是規則上是不允許的而已。
其次,當你學到js的時候,你就會發現,當初一個頁面用多個相同的id是多么愚蠢,因為我們需要用
到頁面上取得某個標簽元素來做特效的時候,就會報錯,而且特效不會生效。
總結,
????????語義上:ID標識了頁面中唯一的元素,不能夠重復;
2016-10-13
這里的ID選擇器為同一個元素設置相同的樣式,沒有設置多個樣式。
2016-10-13
錯誤寫法,id是唯一值,同一頁面不能使用相同id