Nowa linia HTML, czyli tag <br>

Tag <br> jest jednym z najprostszych elementów HTML, który wstawia pojedynczą linię przerwania tekstu, powodując, że wszystko, co znajduje się po nim, zostanie wyświetlone w nowej linii. Jest to tag pusty, co oznacza, że nie ma znacznika zamykającego, i używany jest najczęściej do celów estetycznych w krótkich tekstach, takich jak wiersze lub adresy, gdzie odstęp w treści ma kluczowe znaczenie.

Poniżej dowiesz się co robi znacznik br i jak postępować z nim pod dobre SEO i dobre praktyki tworzenia strony www.

Co robi znacznik <br>?

Element <br> tworzy w tekście przełamanie linii ( ang. line break), czyli tzw. powrót karetki, co potocznie możemy nazwać zrobienie nowej linii, to takie HTML-owe naciśniecie klawisza enter.

<br> jest elementem void i W HTML5 dozwolone są obydwie formy: <br> i <br />

Kiedy stosować tag <br>?

Tag <br> jest przydatny, gdy chcesz, aby tekst był łamany w miejscach, które nie wymagają nowych akapitów. Przykłady:

• W adresach: 1234 Example St. City, Country
• Wiersze poezji, gdzie każdy wiersz wymaga nowej linii.
• Krótkie fragmenty tekstu w formularzach lub na stronach internetowych.

Warto jednak pamiętać, że <br> nie powinien być nadużywany w dłuższych tekstach, ponieważ może to wpłynąć na czytelność strony. Dla większych bloków treści lepszym rozwiązaniem jest użycie tagów akapitowych, takich jak <p>.

Alternatywy dla tagu <br>

Chociaż <br> jest wygodny, istnieją inne sposoby na uzyskanie podobnego efektu. Oto kilka alternatyw:

• Akapit (tag <p>) – tworzy nowy blok tekstu z większym odstępem między akapitami.
• CSS – właściwość "margin" i "padding" – pozwala kontrolować odstępy między elementami bez konieczności stosowania dodatkowych tagów HTML.
• Użycie listy – w niektórych przypadkach lepszym rozwiązaniem niż wiele przerw jest uporządkowanie tekstu za pomocą listy nieuporządkowanej (<ul>) lub uporządkowanej (<ol>).

Jak uniknąć nadużywania tagu <br>?

Przesadne używanie <br> może prowadzić do problemów z czytelnością i dostępnością strony. Aby tego uniknąć, najlepiej stosować go w sytuacjach, gdzie jest to absolutnie konieczne. Zamiast tego, warto rozważyć semantyczne znaczniki HTML, które pomagają utrzymać stronę bardziej zorganizowaną i przyjazną dla wyszukiwarek oraz użytkowników.

Kiedy nie używać znacznika <br>?

Nie używaj <br> do zwiększania przerw pomiędzy tekstem, czyli do robienia akapitów. Do robienia akapitów służy znacznik <p>. Jeżeli chcesz mieć większe odległości między paragrafami, korzystaj z CSS i z właściwości margin.

Znacznik <br>, a SEO

Google historycznie oznaczało treści publikowane pod Google News jako treść pofragmentowana, kiedy miały duże nagromadzenie <br> lub bardzo duże nagromadzenie krótkich paragrafów <p>. Newsy takie nie wpadały do newsówki. Raport z błędami Google News nie jest już pokazywany w Google Search Console, ale nadal ważne jest, żeby artykuł pod Google News pisany był zwięźle.

---

---