Aby w HTML uzyskać efekt nowej linii, czyli tzw. enter, stosuje się specjalny znacznik <br> (ang. break, złamanie linii). Wciśnięcie klawisza Enter w kodzie HTML nie wpływa na wynik w przeglądarce – konieczne jest użycie znacznika, który jawnie informuje przeglądarkę o konieczności przejścia do nowej linii.
Podstawowe zastosowanie znacznika <br>
Najprostszy sposób na „nową linię” w HTML to:
To jest pierwsza linia tekstu.<br> To jest druga linia tekstu. Efekt –
To jest pierwsza linia tekstu.
To jest druga linia tekstu.
Znacznik <br> nie zamyka się (jest pusty), dlatego nie wymaga znacznika końcowego. Można go używać wielokrotnie, by uzyskać większe odstępy pomiędzy liniami.
Zastosowania <br> w różnych sytuacjach
- W poezji i cytatach –
Idealny do zachowania łamania wersów wiersza, cytatu czy fragmentów piosenek;
Nad wodą stoję<br> Myślę sobie o Tobie<br> W tej cichej godzinie. - Przy formularzach i krótkich opisach w e-mailach czy podpisach –
Łatwo podzielić krótkie frazy na przejrzyste sekcje;
Imię: Jan<br> Nazwisko: Kowalski<br> E-mail: [email protected] - W wizytówkach i stopkach –
Formatowanie adresów czy bloków kontaktowych wymaga wstawienia kilku linii z danymi.
Firma X<br> ul. Przykładowa 12<br> 00-000 Warszawa Wskazówki dotyczące użycia <br>
- Nie stosuj nadmiernie –
<br>służy do łamania wersów, a nie do budowania struktury układu strony. Do oddzielania większych bloków zawartości lepiej wykorzystać elementy blokowe, takie jak<p>,<div>,<section>, ewentualnie CSS do zarządzania marginesami i paddingiem; - Podwójne
<br>wydłuża odstęp;
Witaj!<br><br> Miło Cię widzieć. - Nowa linia w edytorze kodu ≠ nowa linia w przeglądarce.
Przeglądarka zignoruje odstępy czy entery w kodzie, o ile nie są zapisane jako<br>.
Alternatywy dla <br>
- Akapity (
<p>...</p>) –
Dla dłuższych bloków tekstu stosuj akapity, które domyślnie dodają większy odstęp;
<p>To jest pierwszy akapit.</p> <p>To jest drugi akapit.</p> - Lista (
<ul>,<ol>) –
Dziel elementy w naturalny sposób.
<ul> <li>Pierwszy punkt</li> <li>Drugi punkt</li> </ul> Najczęstsze błędy przy stosowaniu nowych linii w HTML
- Wielokrotne entery w kodzie –
Przeglądarka wyświetli tekst w jednej linii, ignorując te odstępy; - Używanie
<br>do oddzielania całych sekcji strony –
Takie rozwiązanie utrudnia późniejsze zarządzanie wyglądem strony i nie jest dostępne dla technologii asystujących.
Podsumowanie
<br> jest podstawowym narzędziem do tworzenia nowych linii (entera) w HTML. Stosuj go rozsądnie, pamiętając o alternatywach dla bardziej złożonych struktur i zachowując czytelność oraz poprawność kodu. W nowoczesnych projektach warto również korzystać z CSS do kontrolowania układu i odstępów między elementami.
