<sub>: Elemento SUB
Última atualização: 2026-10-13
<sub>Elemento SUB
Define texto subscrito exibido abaixo da linha de base, usado em fórmulas químicas (ex.: H₂O) e notação matemática.
| Categoria | Formatação |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </sub> tag |
| Status | Padrão |
📝 Sintaxe
<sub>subscrito</sub>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sub> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Subscrito muda a altura da linha; use com moderação em texto longo para evitar espaçamento irregular.
❓ Perguntas Frequentes
QQuais são os cenários típicos da tag sub?
AFórmulas químicas (o 2 em H₂O escreve-se
<sub>2</sub>), subscritos de variáveis matemáticas, numeração de notas de rodapé etc. O texto aparece abaixo da linha de base com fonte reduzida, e a semântica é «subscrito», não apenas deslocamento visual.QQual é a diferença entre sub e o vertical-align do CSS?
A
<sub> carrega a semântica de «subscrito»; o estilo padrão do navegador é vertical-align: sub com fonte reduzida. O CSS pode imitar a mesma aparência sem semântica. Quando o conteúdo é de fato subscrito (fórmulas, símbolos matemáticos), use <sub>; para ajustes puramente tipográficos, CSS.Qsub afeta a altura da linha?
ASim. Descer o caractere pode aumentar a altura da caixa de linha e deixar o espaçamento do parágrafo irregular. A solução é definir
line-height: 0 em <sub>, ou ajustar levemente o deslocamento do vertical-align, exibindo o subscrito sem esticar a linha.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
