Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


Os elementos SUB e SUP

Publicado em: 2007-09-27 — 2,052 visualizacoes

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 » ]

1 Star2 Stars3 Stars4 Stars5 Stars (Post ainda não avaliado)
Loading ... Loading ...

----------------x-x-x---------------    fim da matéria    ---------------x-x-x---------------

Construindo sites com CSS e (X)HTML

Esta matéria foi publicada em: 2007-09-27 (Thursday). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2007/09/27/elementos-sub-e-sup/trackback no seu site.



4 comentários na matéria: “Os elementos SUB e SUP”

  1. Diego disse:

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

    Mais uma vez… Parabéns Maujor!!!

  2. Camilo disse:

    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

  3. Wender disse:

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

  4. Diogo disse:

    show essa tag!

Comentário:






Subscrição de comentários sem comentar

Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Voltar ao topo

PR Tool


ir topo