CYTOWANIEKontaktSemantyczny HTML źródła: zastosowanie praktyczne
Najważniejsza zasada: Semantyczny HTML opisuje funkcję bloków dokumentu. Nie zastępuje treści, ale pomaga zachować hierarchię i odróżnić materiał główny od nawigacji.
Jak zastosować tę zasadę?
Używaj elementów zgodnie z rolą: jeden główny temat w main, samodzielny article, sekcje z nagłówkami, nav dla nawigacji i table dla danych tabelarycznych.
Przykład
Procedura znajduje się w ol, definicje w dl, a nie w szeregu przypadkowych divów stylowanych wyłącznie wizualnie.
Test jakości
Wyłącz CSS i sprawdź, czy kolejność, hierarchia nagłówków, etykiety linków i relacje danych nadal są zrozumiałe.
Ograniczenie
Semantyczny znacznik nie naprawi niejasnego zdania. HTML opisuje strukturę informacji, nie tworzy jej znaczenia merytorycznego.
Minimalna karta źródła
| Warstwa | Pytanie kontrolne | Rezultat |
|---|---|---|
| Potrzeba | Na jakie pytanie odpowiada dokument? | jedna intencja główna |
| Zakres | Dla kogo i kiedy odpowiedź jest prawdziwa? | podmiot, okres, warunki |
| Dowód | Skąd pochodzi twierdzenie? | dane, metoda lub źródło |
| Fragment | Czy zachowuje sens poza stroną? | samodzielna jednostka informacji |
| Identyfikacja | Kto odpowiada za publikację? | autor, wydawca i wersja |
| Dostęp | Czy system może pobrać właściwy wariant? | 200, HTML i canonical |
Co sprawdzić przed publikacją?
Semantyczny znacznik nie naprawi niejasnego zdania. HTML opisuje strukturę informacji, nie tworzy jej znaczenia merytorycznego.