<sub>
Indeks dolny: tekst obniżony i pomniejszony, na przykład we wzorach chemicznych.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa (phrasing content)
Przykład
#<p>Woda to H<sub>2</sub>O, a dwutlenek węgla to CO<sub>2</sub>.</p>
<p>Kolejne wyrazy ciągu: <var>a</var><sub>1</sub>, <var>a</var><sub>2</sub>, …, <var>a</var><sub><var>n</var></sub></p>Definicja i zastosowanie
#Element <sub> oznacza indeks dolny wymagany przez konwencję zapisu: cyfry we wzorach chemicznych (H₂O), indeksy w matematyce (x₁) czy oznaczenia w fizyce. Przeglądarki obniżają i pomniejszają taki tekst.
Stosuj go tylko wtedy, gdy położenie tekstu ma znaczenie, jak we wzorze H<sub>2</sub>O. Jeśli chcesz obniżyć tekst wyłącznie dla ozdoby, użyj CSS: vertical-align: sub.
Indeksy lekko zwiększają wysokość linii, w której się znajdują, przez co odstępy w akapicie mogą się stać nierówne. Popularna poprawka w CSS to sub, sup { line-height: 0; }.
Składnia
#H<sub>2</sub>OAtrybuty
#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:
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}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
#- Używaj
<sub>tylko wtedy, gdy obniżenie zmienia sens zapisu. - Jeśli indeksy rozsuwają linie tekstu, ustaw w CSS
line-height: 0dlasubisup. - Złożone wzory matematyczne zapisuj w MathML.
Powiązane hasła
#- <sup>Indeks górny: tekst podniesiony i pomniejszony, na przykład potęgi i numery przypisów.
- <var>Zmienna we wzorze matematycznym lub w programie, a także symbol zastępczy w poleceniu.
- <small>Drobny druk: zastrzeżenia, informacje prawne, prawa autorskie i krótkie dopiski.
- <code>Fragment kodu komputerowego: nazwa zmiennej, funkcji, znacznika albo pliku, a także krótki listing.
Widzisz błąd albo brakuje przykładu? Napisz do nas.