Tag sub Em HTML

Esta postagem se concentra na tag HTML <sub> com exemplos . Com o otimismo de que isso nos ajudaria a aprender.

A tag <sub> é um elemento HTML usado para criar texto subscrito. É normalmente usado para exibir fórmulas matemáticas ou químicas, notas de rodapé ou abreviações.

Trabalhando

A tag <sub> especifica o texto subscrito. A fonte subscrita normalmente é meio caractere mais fina que a fonte normal e aparece meio caractere abaixo da linha normal. Fórmulas químicas , como H2O, podem ser escritas em subscritos.

Conselho: Especifique a tag <sup> para descrever o texto sobrescrito.

Exemplo de fórmula de texto subscrito:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>The chemical formula for water is H<sub>2</sub>O</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Um exemplo seria criar expressões matemáticas com vários subscritos e sobrescritos como este:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>E = mc<sup>2</sup> = (m<sub>0</sub> + m<sub>1</sub> + m<sub>2</sub> + … + m<sub>n</sub>)c<sup>2</sup></p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A tag <sub> em HTML para criar um elemento exclusivo em uma página da web é criar um aviso legal ou seção de termos de serviço:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>By using our Mr Examples, you agree to our <sub><a href="terms.html">Terms of Service</a></sub></p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

CSS também pode ser aplicado à tag <sub> aqui está como:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
sub:hover {
text-decoration: underline;
color: maroon;
}
</style>
</head>
<body>
<p>The chemical formula for water is H<sub>2</sub>O</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Usos da tag <sub>

A tag <sub> em HTML tem vários usos, incluindo:

  • A tag <sub> é comumente usada para exibir texto subscrito em fórmulas matemáticas. Por exemplo, a fórmula química da água (H2O) usa a tag <sub> para exibir o subscrito “2” para o número de átomos de hidrogênio.
  • A tag <sub> também pode ser usada para exibir marcadores de nota de rodapé no texto. Por exemplo, você pode usar um subscrito “1” para marcar a primeira nota de rodapé em um documento.
  • A tag <sub> pode ser usada para exibir texto subscrito para abreviações ou acrônimos. Por exemplo, você pode usar um subscrito “TM” para indicar um símbolo de marca registrada.
  • A tag <sub> também é comumente usada para exibir texto subscrito em fórmulas químicas. Por exemplo, a fórmula molecular do dióxido de carbono (CO2) usa a tag <sub> para exibir o subscrito “2” para o número de átomos de oxigênio.

Atributos

Global

Além disso, a tag <sub> é compatível com HTML Global Attributes .

Evento

Em HTML, os atributos de evento também são aceitos pela tag HTML sub < sub >.


Compatibilidade do navegador

Elemento
<sub> Sim Sim Sim Sim Sim

CSS predefinido

Freqüentemente, os navegadores mostrarão os seguintes valores padrão para o elemento <sub> :

sub {
vertical-align: sub;
font-size: smaller;
}

Benefícios da subtag HTML

A tag <sub> em HTML fornece vários benefícios, incluindo:

  • A tag <sub> pode ser usada para criar texto subscrito, o que pode melhorar a legibilidade de certos tipos de conteúdo. Por exemplo, em equações matemáticas ou fórmulas químicas, o texto subscrito é freqüentemente usado para indicar o número de átomos ou moléculas. Ao usar a tag <sub>, você pode tornar essas informações visualmente mais distintas e fáceis de ler.
  • A tag <sub> fornece significado semântico ao seu conteúdo. Ao usar a tag <sub> para criar texto subscrito, você está indicando aos navegadores da Web e tecnologias assistivas que esse texto deve ser exibido em um formato subscrito. Isso pode melhorar a acessibilidade do seu conteúdo para usuários que dependem de leitores de tela ou outras tecnologias assistivas.
  • A tag <sub> pode ajudá-lo a manter a consistência em sua formatação. Ao usar a tag <sub> para criar texto subscrito, você pode garantir que esse texto seja sempre formatado da mesma maneira em seu site ou aplicativo da web.
  • Ao usar tags HTML como <sub> para formatar seu conteúdo, você está separando o conteúdo da apresentação. Isso pode facilitar a manutenção e atualização de seu site ou aplicativo da Web ao longo do tempo.
Para compartilhar o artigo com seus amigos, clique nos links de mídia social abaixo.

Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone