<small>
Drobny druk: zastrzeżenia, informacje prawne, prawa autorskie i krótkie dopiski.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa (phrasing content)
Przykład
#<p>
Dostęp Premium na rok: <strong>299 zł</strong><br>
<small>Cena zawiera VAT. Subskrypcję możesz anulować w każdej chwili.</small>
</p>
<footer>
<small>© 2026 CodeWorlds. Wszystkie prawa zastrzeżone.</small>
</footer>Definicja i zastosowanie
#Element <small> oznacza drobny druk, czyli poboczne uwagi: zastrzeżenia prawne, informację o prawach autorskich, warunki promocji albo licencję. Przeglądarki wyświetlają go mniejszą czcionką.
Liczy się znaczenie, a nie rozmiar. Jeśli tekst ma być mniejszy tylko ze względów graficznych, ustaw font-size w CSS. <small> nie odbiera też ważności tekstowi oznaczonemu w środku przez <strong> czy <em>.
Stosuj go do krótkich fraz. Długich tekstów prawnych, np. całego regulaminu, nie zamykaj w <small>, tylko umieść je w zwykłych akapitach.
Składnia
#<small>drobny druk</small>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
small {
font-size: smaller;
}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
#- Nie zmniejszaj tekstu przez
<small>tylko dla wyglądu. Od tego jest CSS. - Drobny druk nadal musi być czytelny. Zbyt mały tekst to problem dla wielu osób, nie tylko słabowidzących.
- Informację o prawach autorskich w stopce często zapisuje się właśnie w
<small>.
Powiązane hasła
#- <strong>Tekst o dużym znaczeniu: ostrzeżenie, kluczowa informacja.
- <b>Przyciąga uwagę do fragmentu tekstu bez nadawania mu większej wagi, np. do słów kluczowych.
- <footer>Stopka strony lub sekcji: autor, prawa autorskie, linki, dane kontaktowe.
- <sub>Indeks dolny: tekst obniżony i pomniejszony, na przykład we wzorach chemicznych.
- <sup>Indeks górny: tekst podniesiony i pomniejszony, na przykład potęgi i numery przypisów.
Widzisz błąd albo brakuje przykładu? Napisz do nas.