Os elementos SUB e SUP

Esta página integra o Compêndio sobre o uso dos elementos HTML e descreve os elementos:
SUB  e SUP

O elemento SUB
Este é um elemento inline destinado a marcar fragmentos de texto que devam ser renderizados em alinhamento vertical mais baixo em relação ao texto principal.

Exemplo:

<p>A fórmula química do ácido sulfúrico é H<sub>2</sub>SO<sub>4</sub>.</p>

A marcação acima é renderizada como mostrado a seguir:
A fórmula química do ácido sulfúrico é H2SO4.

Para efeito de comparação veja a seguir o mesmo texto do exemplo marcado sem uso do elemento sub:

A fórmula química do ácido sulfúrico é H2SO4.

O elemento SUP
Este é um elemento inline destinado a marcar fragmentos de texto que devam ser renderizados em alinhamento vertical mais alto em relação ao texto principal.

Exemplo:

<p>A S<sup>ra.</sup> Maria chegará na 2<sup>a.</sup> feira.</p>

A marcação acima é renderizada como mostrado a seguir:
A Sra. Maria chegará na 2a. feira.

Para efeito de comparação veja a seguir o mesmo texto do exemplo marcado sem uso do elemento sup:

A Sra. Maria chegará na 2a. feira.

[ « anterior ]   [ index ]    [ próximo » ]

Maujor

Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por Web Standards e desenvolvo o site de tutoriais CSS para Web Design.

View Comments

  • Já necessitei muitas vezes desta TAG e não a conhecia ... parabéns ... obrigado !

  • Já tinha usado esses elementos numa página uma vez, mas me parece que o vertical:align:baseline que uso em um arquivo 'default.css' provoca alguma "alteração" no posicionamento deles

  • Vivendo e aprendendo!
    Pensei que já conhecesse todas as tags htmls existentes!

    Mais uma vez... Parabéns Maujor!!!

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

9 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

10 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago