Co to jest `sub` w HTML?

Znacznik <sub> w HTML służy do oznaczania tekstu jako indeks dolny (subscript). Oznacza to, że zawarty w nim tekst zostaje wyświetlony poniżej normalnej linii tekstu, często dodatkowo w mniejszym rozmiarze czcionki względem tekstu podstawowego. Najczęściej spotyka się go we wzorach chemicznych, matematyce, notacjach naukowych oraz w sytuacjach, gdzie konieczne jest wyróżnienie fragmentu tekstu w postaci dolnego indeksu.

Składnia znacznika <sub>

<sub>tekst indeksu dolnego</sub> 

W praktyce oznacza to, że fragment tekstu otoczony tym znacznikiem zostanie przesunięty nieco niżej względem linii bazowej pozostałej treści oraz zsynchronizowany pod względem wielkości czcionki.

Główne zastosowania <sub>

  • Wzory chemiczne – aby poprawnie zapisać symbole chemiczne i ich proporcje w związku;
  • Matematyka – do zapisu indeksów w notacji matematycznej;
  • Notacje naukowe i techniczne – przykładowo w fizyce, inżynierii czy biologii;
  • Adnotacje i przypisy – jako element wyróżniający fragment komentarza lub cytatu.

Przykłady zastosowania

Wzory chemiczne

H<sub>2</sub>O 

Wyświetli: H₂O

Tak samo:

CO<sub>2</sub> + Ca(OH)<sub>2</sub> → CaCO<sub>3</sub> + H<sub>2</sub>O 

Matematyka i wzory naukowe

x<sub>n</sub> = x<sub>n-1</sub> + x<sub>n-2</sub> 

Wyświetli: ( xn = x{n-1} + x_{n-2} )

Opisy specjalistyczne i techniczne

Opis osi w grafach lub planszach technicznych:

V<sub>min</sub>, V<sub>max</sub> 

Wyświetli: Vₘᵢₙ, Vₘₐₓ

Przypisy do tekstu

Choć znacznik ten nie jest typowo używany do przypisów w stylu akademickim (tam częściej używa się <sup>), może być wykorzystywany do adnotacji w specjalnych przypadkach:

Wyjaśnienie<sub>1</sub> 

Najważniejsze cechy <sub>

  • Przesuwa zawartość poniżej linii bazowej tekstu i ją zmniejsza,
  • jest semantycznym znacznikiem HTML, co oznacza, że przekazuje dodatkowe znaczenie treści – w tym przypadku, że fragment jest indeksem dolnym, co może być odczytane przez czytniki ekranu i inne narzędzia wspierające dostępność.

Wsparcie w przeglądarkach

Znacznik <sub> jest obsługiwany przez wszystkie popularne przeglądarki internetowe. Obsługuje także globalne atrybuty HTML, więc można do niego dodawać klasy, identyfikatory czy style CSS.

Dodatkowe uwagi

  • Do indeksów górnych (np. potęg, przypisów) służy analogiczny znacznik <sup>,
  • stylingiem (wyglądem) indeksów można manipulować za pomocą CSS, np. zmieniając kolor, rozmiar czy pozycję, choć domyślne renderowanie jest zgodne z przyjętymi konwencjami naukowymi i technicznymi.

Podsumowanie

Znacznik <sub> jest nieodzownym narzędziem do poprawnego prezentowania treści wymagających indeksu dolnego na stronach internetowych. Zapewnia poprawność przekazu w chemii, matematyce, naukach przyrodniczych i technicznych, a jego stosowanie zwiększa przejrzystość oraz zgodność z zasadami dostępności.

Programista i twórca serwisu Creative Coding, absolwent Politechniki Warszawskiej (WEiTI). Od 10+ lat łączy front‑end, grafikę generatywną i narzędzia dla twórców; opublikował 120+ projektów i artykułów, prowadził warsztaty dla 2 000+ uczestników. Pracuje z JavaScriptem, Three.js, P5.js i GLSL, bada wydajność i dokumentuje procesy, tworząc praktyczne przewodniki dla osób łączących kod z obrazem, dźwiękiem i interakcją.
Zostaw komentarz

Komentarze

Brak komentarzy. Dlaczego nie rozpoczniesz dyskusji?

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *