Atrybuty elementów CSS są często przedmiotem dyskusji między profesjonalistami a hobbystami. Czy konieczne jest zastosowanie tego lub tamtego, jak odpowiednie jest to dla identycznego wyniku, który kod będzie mniej kosztowny i bardziej poprawny, a takie pytania są stale dyskutowane, w tym dotyczące atrybutów klasy i identyfikatora.
Treść artykułu
- Definicja
- Porównanie
- Wnioski
Definicja
Klasa Div - atrybut elementu, który przypisuje go do klasy.
Div id - atrybut elementu, który go jednoznacznie identyfikuje.
do treści ↑Porównanie
Różnica między klasą a identyfikatorem w CSS nie jest uważana za kardynalną, i to lub to jest często stosowane w zależności od stronniczości autora. Główną różnicą między klasą a identyfikatorem jest to, że pierwszy można podać kilku elementom, drugi jest unikalny i przypisany do jednego elementu na stronie. Użycie div id pozwala uniknąć wielopoziomowego zagnieżdżenia, które powstaje podczas używania klasy div.
Ponadto atrybut id, w przeciwieństwie do klasy, może być używany do łączy kotwiczących, w tym celu wystarczy podać jego element i nazwać ten element kotwicą. Ponadto identyfikator będzie miał priorytet w tabeli CSS, jeśli zostanie ustawiony jednocześnie z klasą. Ten z kolei pozwala zastosować wiele klas do jednego elementu. Nazwy klas można pisać spacjami, identyfikator takiego wywołania nie oznacza. Kolejną zaletą id jest możliwość wyszukiwania elementu w kodzie według tego atrybutu za pomocą funkcji document.getElementById ().
do treści ↑Wnioski
- Klasa Div - przypisuje klasę do elementu, div id - identyfikuje.
- Klasa jest przypisana do wielu elementów, identyfikator jest unikalny na stronie.
- Wiele klas można przypisać do jednego elementu poprzez klasę i tylko jeden identyfikator.
- Priorytet CSS to id.
- Wyszukiwanie kodu według atrybutu id jest łatwiejsze.
