Atrybuty elementów CSS są często przedmiotem kontrowersji między profesjonalistami i amatorami. Czy konieczne jest zastosowanie jednego czy drugiego, jak to jest celowe przy identycznym wyniku, jaki kod będzie tańszy i poprawniejszy, a takie pytania są stale dyskutowane, w tym dotyczące atrybutów class i id.
Definicja
Klasa Div - atrybut elementu, który przypisuje go do klasy.
Div id jest atrybutem elementu jednoznacznie go identyfikującym.
Porównanie
Różnica między class i id w CSS nie jest uważana za kardynalną i często używa się jednego lub drugiego w zależności od stronniczości autora. Główna różnica między class a id polega na tym, że pierwszy może być przypisany do kilku elementów, a drugi jest unikalny i przypisany do jednego elementu na stronie. Użycie identyfikatora div pozwala uniknąć wielopoziomowego zagnieżdżania, które wiąże się z używaniem klasy div.
Dodatkowo atrybut id, w przeciwieństwie do class, może być użyty do linków kotwicznych, do tego wystarczy nadać go elementowi i linkować do tego elementu za pomocą Kotwica. Ponadto id będzie mieć pierwszeństwo w tabeli CSS, jeśli zostanie określone w tym samym czasie, co class. To drugie z kolei umożliwia zastosowanie wielu klas do jednego elementu. Nazwy klas można pisać oddzielone spacjami, identyfikator nie implikuje takiego wywołania. Kolejną zaletą id jest możliwość wyszukiwania elementu w kodzie za pomocą tego atrybutu za pomocą funkcji document.getElementById().
Wnioski TheDifference.ru
- Div class - przypisuje klasę do elementu, div id - identyfikuje.
- Klasa jest przypisana do wielu elementów, id jest unikalny na stronie.
- Do jednego elementu można przypisać wiele klas za pomocą klasy i tylko jeden identyfikator.
- Priorytet w CSS pozostaje z id.
- Wyszukiwanie w kodzie za pomocą atrybutu id jest łatwiejsze.