Ce face <sub> și <sup>
<sub> (subscript) afișează textul mai mic și coborât față de rând. Se folosește pentru indici din formule chimice (H<sub>2</sub>O) sau matematice (x<sub>1</sub>).
<sup> (superscript) afișează textul mai mic și ridicat. Se folosește pentru puteri (x<sup>2</sup>), unități (m<sup>2</sup>) și trimiteri la note de subsol.
Ambele au sens tipografic real: nu le folosi doar ca să micșorezi un text. Pentru formule complexe există elementul <math> (MathML).
Exemple
Exemplul 1: Formulă chimică și suprafață în metri pătrați
Indicele din formulă și exponentul din unitate sunt părți ale conținutului, nu decor.
<p>Apa are formula H<sub>2</sub>O.</p>
<p>Apartamentul din Iași are 68 m<sup>2</sup> și costă 92.000 euro.</p>Ce afișează browserul
Apa are formula H₂O (cifra 2 mică, coborâtă).
Apartamentul din Iași are 68 m² (cifra 2 mică, ridicată) și costă 92.000 euro.Exemplul 2: Trimitere la o notă de subsol cu <sup>
Linkul din <sup> duce la nota de la sfârșitul paginii.
<p>Media clasei a fost 8,75<sup><a href="#nota-1">1</a></sup>.</p>
<hr>
<p id="nota-1"><sup>1</sup> Calculată fără notele de la teză.</p>Ce afișează browserul
Media clasei a fost 8,75¹ (cifra 1 ridicată, ca link)
────────
¹ Calculată fără notele de la teză.Greșeli frecvente
- Folosirea
<sup>sau<sub>doar pentru a face un text mai mic; pentru asta existăfont-sizeîn CSS. - Scrierea puterilor ca text simplu (x2 în loc de
x<sup>2</sup>), ceea ce schimbă sensul formulei. <sup>mărește înălțimea rândului în unele fonturi; dacă rândurile devin inegale, setează în CSSline-height: 0pesup, sub.
Comenzi înrudite
<span>: Container generic de tip inline, utilizat pentru a grupa o porțiune de text și a-i aplica stiluri CSS sau acțiuni JS.<p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.<mark> și <small>: mark evidențiază textul ca și cum ar fi subliniat cu marker galben; small este folosit pentru detalii legale și note de subsol.
Întrebări & Exemple de Cod:
<sub> și <sup>Ai o nelămurire despre utilizarea comenzii
<sub> și <sup>sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.