Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Os elementos SUB e SUP

Publicado em: 2007-09-27 — 10.278 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 » ]

Livros do Maujor

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Clique a "capinha" para visitar o site do livro.

capa livro Grid Layout   capa livro html5   capa livro css3   capa livro HTML5 e CSS3   capa livro RWD   capa livro jQuery   capa livro Bootstrap3   capa livro ajaxjQuery   capa livro css   capa livro html   capa livro javascript   capa livro jQuery Mobile   capa livro jQuery UI   capa livro SVG   capa livro foundation   capa livro Sass e Compass

Esta matéria foi publicada em: 2007-09-27 (quinta-feira). 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. DiogoNo Gravatar disse:

    show essa tag!

  2. WenderNo Gravatar disse:

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

  3. CamiloNo Gravatar 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

  4. DiegoNo Gravatar disse:

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

    Mais uma vez… Parabéns Maujor!!!

Comentário:





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

Subscribe without commenting

topo