Ostatnia aktualizacja 23 października, 2023
Znacznik br w HTML-u odgrywa ważną rolę w kontrolowaniu układu i struktury tekstu. Służy on do wstawiania przerwy w wierszu, czyli umożliwia przeniesienie tekstu na następną linię bez tworzenia nowego akapitu. Warto jednak pilnować podstawowych założeń jego stosowania. W poniższym tekście przedstawiamy na przykładach prawidłowe użycie opisywanego znacznika.
Co to jest <br> i jakie ma zastosowania?
Tag <br> to skrót, który pochodzi z języka angielskiego i oznacza break, które rozumiane jest tutaj jako złamanie linii wiersza. Jego właściwe zastosowanie ma wpływ na semantykę, dostępność, wydajność i estetykę strony internetowej.
Kontekst semantyczny
Pomimo że element <br> jest dość prosty w użyciu, ma swój semantyczny kontekst. W HTML-u semantyka odnosi się do znaczenia, jakie elementy nadają strukturze dokumentu. W przypadku <br>, jego rolą jest zaznaczenie przerwy wiersza w miejscach, gdzie jest to semantycznie uzasadnione – na przykład w adresach pocztowych lub tekstach wierszy.
Dostępność
Znacznik <br> istotnie wpływa na dostępność strony. Czytniki ekranowe zwykle interpretują <br> jako przerwę wiersza i przechodzą do nowej linii podczas czytania. Pomaga to zrozumieć strukturę tekstu użytkownikom z ograniczoną zdolnością widzenia.
Wydajność i optymalizacja za pomocą <br> w HTML-u
Element <br> jest również jednym z najlżejszych elementów HTML-a w kontekście wydajności. Nie wymaga on dodatkowych zasobów i jest natychmiastowo interpretowany przez przeglądarki.
Zastosowanie w kompozycji typograficznej
W projektowaniu i kompozycji typograficznej umiejętne użycie elementu <br> może znacząco wpłynąć na czytelność i estetykę tekstu. Odpowiednie złamanie linii w strategicznych miejscach może podkreślić rytm i harmonię kompozycji.
Dalsza część tekstu znajduje się pod materiałem wideo:
Znacznik <br> w HTML-u – podstawowa składnia
Podstawowa składnia w zastosowaniu znacznika <br> jest prosta. Nie ma on atrybutów ani nie wymaga zastosowania znaku zamykającego. Można go umieścić wewnątrz akapitu, listy, nagłówka czy dowolnego innego elementu, w którym chcemy wprowadzić przerwę linii.
Przeniesienie tekstu do nowego wiersza
Głównym zastosowaniem znacznika <br> w HTML-u jest kontrola układu treści. Aby mieć pewność, że układ tekstu będzie wyglądał zgodnie z naszymi założeniami, niezależnie od tego na jakim ekranie go wyświetlimy, powinniśmy pamiętać o znaczniku <br>:
<p>
To jest pierwsze zdanie. <br>
A to jest drugie zdanie, które znajduje się na nowej linii.
</p>Oddzielanie pól w formularzach tagiem <br> w HTML-u
Znacznik <br> można również wykorzystywać w formularzach HTML, aby oddzielić różne pola wprowadzania danych:
<form>
Imię: <input type="text" name="first_name"><br>
Nazwisko: <input type="text" name="last_name"><br>
<input type="submit" value="Wyślij">
</form>Alternatywy w różnych językach i technologiach
Warto wspomnieć, że w innych językach programowania i technologiach również istnieją sposoby na wprowadzenie przerw wiersza. Na przykład, w języku Python można użyć znaku ucieczki \n, a w CSS-ie można zastosować właściwość white-space w celu kontroli sposobu łamania tekstu i jego układu.
Czytaj także:
