Tworzenie stron www

Znacznik hr, czyli jak zrobić poziomą linię w HTML

Rysowanie poziomej linii
(Rysowanie poziomej linii : envato, mimagephotography)

Element <hr>, szeroko i potocznie znany jako linia HTML,  rozdziela tematycznie paragraf w tekście i taka jest jego bardzo ważna semantyczna cecha. Wstawiając <hr> pomiędzy paragrafy, powinniście mieć w głowie, że niektóre roboty analizujące waszą treść tak to potraktują. 

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.


Czy ten artykuł był Ci pomocny? Jesteśmy doświadczoną agencją SEO, skontakuj się z nami, jeśli potrzebujesz pomocy ze swoją stroną.

Spotkajmy się też w moich social media :
Zobacz moje wszystkie artykuły
Zaufali nam:
ElbudBis
Instytu cyfrowego obywatelstwa
Kinesso
Fundacja Orange
Rodzice.pl

Współpracuj z nami!

Naszą mocą jest technologia i doświadczony zespół

Przez lata zdobywaliśmy doświadczenie u największych wydawców w Polsce, a teraz zadbamy o rozwój Twojej firmy od strategii wzrostu po wdrożenia na stronach dzięki naszemu własnemu software house'owi. Zaufaj nam, aby osiągać dobre wyniki.

Porozmawiajmy o Twoich celach i potrzebach!

Przejrzyj najnowsze artykuły i wpisy na naszym blogu