<sup>: Elemento SUP
Última atualização: 2026-10-13
<sup>Elemento SUP
Define texto sobrescrito exibido acima da linha de base, usado para notas de rodapé (ex.: x²) e ordinais.
| 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 </sup> tag |
| Status | Padrão |
📝 Sintaxe
<sup>sobrescrito</sup>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Sobrescrito é ideal para números de nota de rodapé; combine com <a> para anotações clicáveis.
❓ Perguntas Frequentes
QQuais são os cenários típicos da tag sup?
ANúmeros de referência de notas de rodapé (o ¹ escreve-se
<sup>1</sup>), potências matemáticas (2ⁿ), sufixos ordinais (o st em 1st) etc. O texto aparece acima da linha de base com fonte reduzida, o oposto de <sub> (subscrito).Qsup e sub podem ser usados juntos?
APodem ser usados em posições separadas, mas um mesmo caractere não pode ser sobrescrito e subscrito ao mesmo tempo — o HTML não tem mecanismo de empilhar os dois. Para sobreposição (como na notação de nuclídeos químicos), use
position: relative no CSS para posicionar manualmente os dois elementos.QComo resolver o sup esticando a altura da linha?
AMesmo raciocínio de
<sub>: subir o sobrescrito aumenta a caixa de linha. Defina line-height: 0 em <sup>, ou simule manualmente com vertical-align: baseline combinado com position: relative; top: -0.5em; font-size: 75%, mantendo o espaçamento estável.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
