Twarda spacja (ang. non-breaking space) w HTML to specjalny znak służący do zapobiegania niepożądanemu łamaniu wiersza w określonym miejscu tekstu. Dzięki niej możemy zapewnić, że wybrane wyrażenia pozostaną zawsze w tym samym wierszu, co ma kluczowe znaczenie dla poprawnej estetyki i czytelności tekstu w serwisach internetowych.
Jak wstawić twardą spację w HTML?
Aby w HTML wstawić twardą spację, należy użyć encji:
Po umieszczeniu tego znaku między dwoma wyrazami, przeglądarka potraktuje tę spację jako niełamliwą. Oznacza to, że tekst po obu stronach twardej spacji nigdy nie zostanie rozdzielony między wiersze, nawet przy zmianie szerokości okna przeglądarki.
Przykłady praktycznego zastosowania twardej spacji
Zapobieganie pozostawianiu tzw. sierot na końcu wiersza
W języku polskim niepoprawne jest zostawianie na końcu wiersza jednoliterowych przyimków, np. „w”, „z”, „a”. Aby temu zapobiec, należy po takich słowach wstawić twardą spację:
To wydarzyło się w Warszawie. Spotkajmy się o 18:00. Dzięki temu frazy „w Warszawie” i „o 18:00” zawsze pozostaną w jednym wierszu.
Trzymanie razem jednostek miar, dat i liczb
Warto stosować twardą spację przy wszelkiego rodzaju liczbach oraz jednostkach, np. zł, kg, m, ale też w datach i oznaczeniach godzin:
Temperatura wynosiła 20 °C. Zakupił 3 kg jabłek. To stało się w 1995 r. W powyższych przykładach liczba i jednostka nie rozdzielą się nigdy na różne wiersze, co zapobiega błędom typograficznym i zwiększa czytelność tekstu.
Podwójna i wielokrotna spacja
W HTML przeglądarki ignorują nadmiarowe, zwykłe spacje w kodzie. Jeżeli istnieje potrzeba wstawienia dwóch lub więcej widocznych spacji, można użyć kilku twardych spacji pod rząd:
Słowo1 Słowo2 Umożliwia to precyzyjne kontrolowanie odstępów w określonych miejscach (np. w tabelach, nagłówkach). Należy jednak pamiętać, że zbyt częste używanie twardych spacji do formatowania, zamiast użycia typowych narzędzi CSS, nie jest dobrą praktyką.
Inne przykłady i zalecenia
- Twarda spacja może być użyta na początku wiersza – tam gdzie zwykła spacja byłaby pomijana przez przeglądarkę HTML;
- W obrębie dłuższych tekstów twarda spacja poprawia walory estetyczne oraz zgodność ze sztuką edytorską – pozwalając eliminować „wiszące” wyrażenia na końcach linii;
- Twarda spacja nie służy do wprowadzania wcięć akapitowych ani do ozdobnego zwiększania odstępu – do tego celu zaleca się używać CSS.
Kod podsumowujący
Poniżej kilka przykładowych linii kodu z twardą spacją w różnych kontekstach:
<p>Jan Kowalski</p>
<p>Proszę napisać do mnie.</p>
<p>Urodził się w 2020 r.</p>
<p>Samochód waży 1500 kg.</p>
<p>Dostępność: 120 szt.</p>
Podstawowe zasady użycia twardej spacji w HTML
- Wstawia się ją jako
– wszędzie tam, gdzie nie wolno dopuścić do podziału tekstu na dwie linie w danym miejscu; - Daje gwarancję poprawnej prezentacji tzw. sierot oraz wszystkich sytuacji typograficznych wymagających spójności przekazu;
- W tekstach polskich szczególnie dba się o jednoliterowe przyimki, skróty oraz zestawienia liczbowo-jednostkowe.
Stosowanie twardej spacji świadczy o staranności redakcyjnej i dbałości o profesjonalny wygląd treści w serwisie internetowym.
