<br>
Przełamanie linii w miejscu wstawienia, bez zaczynania nowego akapitu.
- Wyświetlanie
- inline
- Znacznik zamykający
- Brak, element pusty
- Dozwolona zawartość
- Brak, element pusty
Przykład
#<p>
Zgubiony średnik,<br>
w konsoli cała czerwień,<br>
kawa już zimna.
</p>Definicja i zastosowanie
#Element <br> przenosi dalszy tekst do nowej linii. To element pusty, bez znacznika zamykającego. Stosuj go tam, gdzie podział na linie jest częścią samej treści: w poezji, w adresie pocztowym albo w podpisie, który musi się łamać w konkretnym miejscu.
Nie używaj <br> do robienia odstępów. Kilka znaczników <br><br> z rzędu to częsty błąd początkujących: wielkość odstępu zależy wtedy od rozmiaru czcionki i trudno ją zmienić, a dla czytnika ekranu taki tekst nadal jest jednym blokiem bez struktury. Odległości ustawiaj w CSS, a osobne myśli zamykaj w osobnych akapitach <p>.
Oba zapisy, <br> i <br />, są w HTML poprawne, a ukośnik nie ma żadnego znaczenia. Błędem jest za to </br>, choć przeglądarki wyrozumiale traktują go jak <br>.
Składnia
#Pierwsza linia<br>
Druga liniaAtrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Więcej przykładów
#<p>
Szkoła programowania Bajt<br>
ul. Klawiszowa 8<br>
30-001 Kraków
</p>Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Odstępy między blokami tekstu ustawiaj w CSS (
margin), a nie kolejnymi<br>. - Jeśli zaczynasz nową myśl, zamknij akapit i otwórz następny
<p>, zamiast łamać linię. - W długich wyrazach, które mają się łamać tylko w razie potrzeby, użyj
<wbr>zamiast<br>.
Powiązane hasła
#- <p>Akapit tekstu.
- <wbr>Miejsce, w którym przeglądarka może przełamać długie słowo lub ciąg znaków, gdy zabraknie miejsca w linii.
- <pre>Tekst sformatowany wstępnie: zachowuje spacje, tabulatory i przełamania linii dokładnie tak, jak w kodzie.
- <hr>Tematyczny podział treści, na przykład zmiana sceny w opowiadaniu albo przejście do innego wątku.
Widzisz błąd albo brakuje przykładu? Napisz do nas.