Dlaczego warto korzystać z semantycznego HTML?
Przekaż znaczenie za pomocą HTML
Ważną zasadą w projektowaniu stron internetowych jest pomysł wykorzystania elementów HTML do wskazania, czym w rzeczywistości są, a nie jak mogą domyślnie wyglądać w przeglądarce. Nazywa się to używaniem semantycznego kodu HTML.
Co to jest semantyczny HTML?
Semantyczny HTML lub znaczniki semantyczne to HTML, który wprowadza znaczenie do strony internetowej, a nie tylko prezentację. Na przykład
tag wskazuje, że załączony tekst jest akapitem. Jest to zarówno semantyczne, jak i prezentacyjne, ponieważ ludzie wiedzą, czym są akapity, a przeglądarki wiedzą, jak je wyświetlić.
Z drugiej strony tego równania znajdują się znaczniki takie jak oraz nie są semantyczne. Definiują one tylko wygląd tekstu (pogrubienie lub kursywa) i nie zapewniają dodatkowego znaczenia znacznikom.
Przykłady semantycznych znaczników HTML obejmują:
- Tagi nagłówka
poprzez
- |_+_|
Skrót |_+_| Akronim |_+_| Długi cytat |_+_| Definicja |_+_| Adres dla autorów dokumentu |_+_| Cytat |_+_| Odniesienie do kodu |_+_| Tekst dalekopisowy |_+_| Podział logiczny |_+_| Ogólny kontener w stylu wbudowanym |_+_| Tekst usunięty |_+_| Wstawiony tekst |_+_| Podkreślenie |_+_| Silny nacisk |_+_| Nagłówek pierwszego poziomu |_+_| Nagłówek drugiego poziomu |_+_| Nagłówek trzeciego poziomu |_+_| Nagłówek czwartego poziomu |_+_| Nagłówek piątego poziomu |_+_| Nagłówek szóstego poziomu |_+_| Przerwa tematyczna |_+_| Tekst do wprowadzenia przez użytkownika |_+_| Wstępnie sformatowany tekst |_+_| Krótka wycena inline |_+_| Przykładowe wyjście |_+_| Indeks |_+_| Napisany u góry |_+_| Tekst zmienny lub zdefiniowany przez użytkownika