<small> w HTML to znacznik służący do wyświetlania tekstu w mniejszym rozmiarze niż tekst otaczający. Najczęściej stosuje się go do oznaczania informacji pomocniczych, takich jak przypisy, uwagi, zastrzeżenia prawne czy komentarze poboczne. Znacznik ten jest elementem inline i nie zmienia znaczenia semantycznego tekstu, poza wizualnym wyróżnieniem poprzez zmniejszenie czcionki.
Składnia
<small>Treść w mniejszym rozmiarze</small>
Domyślne zachowanie i cechy
- Zmniejsza rozmiar czcionki – w większości przeglądarek odpowiada stylowi CSS;
small { font-size: smaller; }
- Element inline – nie wprowadza łamania linii ani nie oddziela tekstu blokowo;
- Obsługuje atrybuty globalne i atrybuty zdarzeń dostępne w HTML.
Typowe zastosowania <small>
- Zastrzeżenia prawne (np. copyright, disclaimer)
- Dodatkowe komentarze (np. uwagi do treści artykułu)
- Przypisy lub inne treści o mniejszym znaczeniu dla głównej zawartości
Przykłady użycia
Przykład 1 – informacja o prawach autorskich
<p>© 2025 Twoja Firma. <small>Wszelkie prawa zastrzeżone.</small></p>
Efekt: tekst „Wszelkie prawa zastrzeżone.” pojawi się mniejszą czcionką tuż obok głównej treści.
Przykład 2 – podkreślenie informacji dodatkowej
<p>Ostateczna cena za produkt: 99 zł <small>(zawiera podatek VAT)</small></p>
Adnotacja o VAT zostaje wyróżniona poprzez zmniejszenie rozmiaru czcionki.
Przykład 3 – przypis pod artykułem
<p>Badania przeprowadzono w latach 2023-2025.<small>* Dane własne, szczegóły w dokumentacji pomocniczej.</small></p>
Przykład 4 – formularz z informacją pomocniczą
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<small>Twój adres nie zostanie opublikowany.</small>
Stylowanie <small> za pomocą CSS
Jeżeli chcesz uzyskać większą kontrolę nad wyglądem tekstu, możesz użyć CSS:
<small style="color: grey; font-size: 0.8em;">Informacja pomocnicza</small>
Lub zastąpić znacznik <small> własną klasą o zdefiniowanym rozmiarze:
<span class="small-text">Treść pomocnicza</span>
.small-text { font-size: smaller; color: #888; }
Rekomendacje i dobre praktyki
- Używaj
<small>zgodnie z jego przeznaczeniem — do treści pomocniczych, które powinny być mniej wyeksponowane niż główna zawartość. - Dla większej dostępności pamiętaj, że nadmierne pomniejszanie czcionki może utrudnić czytanie użytkownikom słabowidzącym. Dostosuj styl według potrzeb.
- Znacznik
<small>nie jest przestarzały i wciąż jest szeroko obsługiwany przez wszystkie współczesne przeglądarki.
Podsumowanie
<small> w HTML to prosty i skuteczny sposób na wyróżnienie mniej istotnych fragmentów tekstu poprzez ich pomniejszenie. Znajduje zastosowanie wszędzie tam, gdzie chcesz przekazać czytelnikowi treść poboczną bez odwracania uwagi od głównego przekazu. Dopasowuj jego użycie do kontekstu i zadbaj o czytelność strony dla wszystkich odwiedzających.
