Sobrescrito e Subscrito

Muitas vezes, principalmente quando trabalhamos com números, necessitamos utilizar caracteres sobrescritos ou subscritos.

Caracteres sobrescritos ficam acima da base da linha e caracteres subscritos ficam abaixo.

Não existe uma forma de criarmos este efeito diretamente pelo teclado, portanto, devemos formatar tais caracteres para que o browser os renderize acima da linha ou abaixo.

Em HTML/XHTML quem faz esse papél são as tags SUP e SUB, sendo SUP sobrescrito e SUB subscrito.

Abaixo estão alguns exemplos que podemos nos deparar.

São Paulo tem 1.522,986Km2 de território.

A fórmula da água é H2O.

A url de TI Expert© é www.tiexpert.net.

112 equivale a 210. (lê-se: 11 na base binária equivale a 2 na base decimal).

Nos exemplos acima podemos ver a importância da prática do uso de SUP (sobrescrito) e SUB (subscrito). Isso fica bastante evidente principalmente no último exemplo, que fica indecifrável. Agora, vamos codificar estes 4 exemplos usando SUP e SUB no HTML/XHTML.

...
<P>São Paulo tem 1.522,986Km<SUP>2</SUP> de território.<BR>
A fórmula da água é H<SUB>2</SUB>O.<BR>
A url de TI Expert<SUP>&copy;</SUP> é www.tiexpert.net.<BR>
11<SUB>2</SUB> equivale a 2<SUB>10</SUB>.</P>
...

Isso é renderizado no browser da seguinte forma:

Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Gostou? Indique nosso site!

Este artigo foi lido 43322 vezes

Páginas Relacionadas