Tag Em HTML

Nosso objetivo é ilustrar o Tag sup com exemplos neste post, na esperança de que ajude você a aprender.

A tag  é um elemento HTML usado para representar texto sobrescrito. O texto sobrescrito é o texto posicionado acima da linha normal de texto e normalmente é usado para expressões matemáticas e científicas, notas de rodapé e abreviações.

A tag sup  é usada para definir o texto sobrescrito. O texto escrito em sobrescrito aparece meio caractere acima da linha normal e pode aparecer em um tamanho de fonte menor. Uma nota de rodapé pode ser feita com texto sobrescrito, por exemplo http[1].

Conselho: Adicione a tag para indicar o texto subscrito.

Aqui está um exemplo de como usar a tag  :

Example:

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>This is a sentence with a <sup>superscript</sup> text in it.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo da tag  :

Example:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
<p>According to a recent study, the human brain is capable of storing a vast amount of information<sup>1</sup>.</p>
<p> References:</p>
<ol>
<li><sup>1</sup>Smith, J. (2021). The capacity of the human brain. Journal of Neuroscience, 34(6), 1234-1240.</li>
</ol>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A tag  pode ser usada para indicar um número de nota de rodapé, e a própria nota de rodapé pode ser adicionada ao final da página:

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<body>
<p>The earth is round<sup id="fnref:1">1</sup>.</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">This statement is supported by overwhelming scientific evidence. <a href="#fnref:1">â†©</a></li>
</ol>
</div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A tag  também pode alcançar o efeito de maior qualidade com CSS:

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<style>
#fnref {
font-size: 0.8em;
vertical-align: super;
color: blue;
}
.footnote {
background-color: #e0e0e0;
}
</style>
</head>
<body>
<p>The earth is round<sup id="fnref">1</sup>.</p>
<div class="footnotes">
<hr>
<ol>
<li id="fn:1">This statement is supported by overwhelming scientific evidence. <a href="#fnref">â†©</a></li>
</ol>
</div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Índice-

Marca Em HTML:

Usos do Tag Sup

Aqui estão alguns usos comuns da tag  :

A tag  é freqüentemente usada para exibir expressões matemáticas e científicas, como expoentes, raízes quadradas e fórmulas químicas. Por exemplo, a expressão “2^3” seria escrita como “23” em HTML.
A tag  também pode ser usada para representar notas de rodapé no texto. Por exemplo, se você deseja adicionar uma nota de rodapé a uma frase, pode usar a tag para posicionar o número da nota de rodapé acima do texto e, em seguida, adicionar a nota de rodapé correspondente na parte inferior da página.
A tag  também pode ser usada para representar abreviações no texto. Por exemplo, se você deseja exibir a abreviação “PS” em sobrescrito, pode usar a tag para posicionar as letras acima do texto.

Compatibilidade do navegador

Elemento
<sup>	Sim	Sim	Sim	Sim	Sim

Atributos

Global

A tag  em HTML é compatível com atributos globais.

Evento

A tag  em HTML também é compatível com atributos de evento .

CSS predefinido

A maioria dos navegadores exibe o elemento usando os seguintes valores padrão para Tag sup:

sup {
vertical-align: super;
font-size: smaller;
}

Benefícios do Suplemento de Tag HTML

Alguns dos principais benefícios de usar a tag  incluem:

O texto sobrescrito pode ajudar a melhorar a legibilidade do seu conteúdo, facilitando a distinção entre diferentes tipos de informação. Por exemplo, em expressões matemáticas ou científicas, o texto sobrescrito pode ajudar a indicar expoentes, subscritos e outros tipos de notação.
O uso de tags  permite uma formatação consistente de texto sobrescrito em todo o site. Isso pode ajudar a melhorar a estética geral do seu site e facilitar a navegação e a compreensão dos usuários.
O uso de tags  pode ajudar a melhorar a acessibilidade do seu conteúdo, fornecendo contexto adicional para usuários que podem ter dificuldade em ler ou entender certos tipos de informações. Por exemplo, o uso de texto sobrescrito pode ajudar a distinguir entre notas de rodapé e o corpo principal do texto.
O uso adequado de tags  pode ajudar a melhorar a otimização do mecanismo de busca (SEO) do seu site. Ao usar a tag para representar informações importantes, como palavras-chave ou abreviações, você pode tornar mais fácil para os mecanismos de pesquisa indexar e classificar seu conteúdo.

Se este artigo foi informativo o suficiente para atender às suas necessidades educacionais, compartilhe-o com seus amigos clicando nos links abaixo.

Nós valorizamos o seu feedback.

Tag <sup> Em HTML

Example:

Example:

Example:

Example:

Usos do Tag Sup

Compatibilidade do navegador

Atributos

Global

Evento

CSS predefinido

Benefícios do Suplemento de Tag HTML

Sentindo entediado?