Bardzo popularnym zastosowaniem semantycznym jest rozdzielanie ściany cytatów zapisanych w elemencie blockquote.
W HTML4 znacznik <hr> wskazywał tylko poziomą linię i pojęcie linia HTML była z nim ściśle związana, natomiast w HTML5 to oddzielanie semantyczne treści, które dodatkowo jest prezentowane jako pozioma linia.
Znacznik <hr> to element void, który nie potrzebuje i nie powinien być domykany, bo domknięcie będzie potraktowane jak dodanie drugiej linii.
Do czego nie używać znacznika <hr>?
Jeżeli nie rozdzielać tematycznie paragrafów, cytatów, a potrzebujesz poziomych linii dla szczególnych potrzeb layoutu swojej strony internetowej, to powinieneś zainteresować się dodawanie poziomych linii jako właściwość border (border-top, border-bottom) do elementów blokowych div.
Jeżeli potrzebujesz zacząć zdanie od nowej linii, nie używaj semantycznego <hr>, a dodaj znak nowej linii, jakim jest znacznik <br>. Innym sposobem na rozdzielanie semantyczne treści jest używanie nagłówków Hx, którymi jesteśmy w stanie podzielić tematyczne części akapitów. Zapoznaj się na naszej stronie jak tworzyć dobre śródtytuły pod lepsze SEO.
