Znacznik <br> w HTML służy do wstawiania pojedynczego podziału wiersza, czyli wymusza przejście tekstu do nowej linii bez rozpoczynania nowego akapitu. Jest to jeden z najprostszych, a zarazem najczęściej używanych elementów do kontroli układu tekstu na stronie internetowej.
Czym dokładnie jest znacznik <br>?
- Skrót br pochodzi od angielskiego break, czyli „złamanie”.
- Element jest pusty – nie posiada znacznika zamykającego (występuje wyłącznie jako
<br>) i nie zawiera żadnej treści w środku; - W HTML5 poprawne są obie formy:
<br>oraz starsza<br />, ale zaleca się używanie tej pierwszej; - Nie dodaje odstępu „przed” ani „po” – po prostu rozpoczyna kolejny wiersz tekstu natychmiast pod poprzednim.
Podstawowa składnia
To jest pierwsza linia.<br> To jest druga linia. W wyświetlonej treści przeglądarka pokaże:
To jest pierwsza linia.
To jest druga linia.
Zastosowanie znacznika <br>
Znacznik ten nie służy do budowania głównej struktury dokumentów ani zastępowania akapitów – do tego celu przeznaczony jest element <p>. Użycie <br> jest zalecane wszędzie tam, gdzie naturalne występuje pojedynczy podział linii, na przykład:
-
Wypisywanie adresów:
Jan Nowak<br> ul. Przykładowa 1<br> 00-000 Warszawa -
Zapisywanie wierszy/poezji:
Wlazł kotek na płotek<br> I mruga,<br> Ładna to piosenka<br> Nieużuga. -
Formatowanie podpisów, cytatów, formatek kontaktowych itp.
Znacznik <br> a dostępność i semantyka
- Semantyka –
<br>powinien być stosowany wyłącznie tam, gdzie zachowuje logiczny sens, np. wymusza podział tekstu zgodnie z rzeczywistą strukturą (wiersze poetyckie, adresy i inne krótkie notacje); - Dostępność – czytniki ekranowe odczytują
<br>jako przejście do nowej linii, ułatwiając osobom niedowidzącym zrozumienie struktury tekstu.
Dobre praktyki użycia
- Unikaj stosowania
<br>do tworzenia dużych odstępów (np. wielokrotnego użycia<br><br><br>) – do tego celu wykorzystuj CSS, - Tam, gdzie wymagana jest oddzielna struktura bloków tekstu, korzystaj raczej z
<p>,<div>lub innych blokowych elementów HTML, - Za pomocą atrybutów globalnych (np.
class,id,style) możesz stylować podziały linii zgodnie z potrzebami projektu.
Podsumowanie najważniejszych zasad
- Dodaje przełamanie linii – przenosi tekst za znacznikiem do nowego wiersza;
- Nie zaczyna nowego akapitu – nie dodaje odstępów jak
<p>; - Stosuj do krótkich struktur – adresy, wiersze, podpisy, formy notacji;
- Nie nadużywaj w rozbudowanych tekstach – lepiej użyć elementów blokowych oraz CSS do formatowania.
Znajomość zasad poprawnego korzystania ze znacznika <br> pozwala osiągnąć czytelny, dostępny i estetycznie uporządkowany tekst na stronie internetowej, zgodny z dobrymi praktykami webdev.
