Marca HTML <abbr>

Tag Abbr é o assunto deste post. Esperamos que contribua para o processo de aprendizagem.

As abreviações são rotuladas assim quando se referem a Tag Abbr :

Example: 

1
2
3
4
5
6
<!DOCTYPE html>
<html>
<body><p>The <abbr title="United Nation">UN</abbr> was founded in 1945.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

A abreviação <abbr> também pode ser definida combinando-a com < dfn >:

Example

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body><p><dfn><abbr title="Cascading Style Sheets">CSS</abbr>
</dfn> A language for describing HTML style.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está um exemplo de tag <abbr> usada duas vezes para indicar duas abreviações diferentes:

Example: 

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>Mr Examples</title>
</head>
<body>
<p>The <abbr title="National Aeronautics and Space Administration">NASA</abbr> is a government agency that conducts space research.</p>
<p>The <abbr title="Association for Computing Machinery">ACM</abbr> is a professional organization for computer scientists.</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX



Usos e definições de tags Abbr

A tag <abbr> indica uma abreviação ou abreviação, por exemplo, “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP” e “ATM”.

Conselho: Você pode exibir a descrição ao passar o mouse sobre uma abreviação ou acrônimo usando o atributo globaltitle.

Compatibilidade do navegador

Elemento
<abbr> Sim Sim Sim Sim Sim

Atributos Globais

Em HTML, a tag <abbr> aceita Atributos Globais .


Atributos do evento

Em HTML, a Tag <abbr> aceita Atributos de Evento


Configurações de CSS por padrão

A tag <abbr> será exibida pela maioria dos navegadores com estes valores padrão:

abbr {
display: inline;
}

Benefícios de usar a tag HTML <abbr>

A tag HTML <abbr> é usada para definir uma abreviação ou acrônimo. Aqui estão alguns benefícios de usar essa tag:

  • O uso da tag <abbr> pode melhorar a acessibilidade do seu site, fornecendo uma maneira de definir abreviações e acrônimos. Os leitores de tela podem anunciar o significado completo da abreviação ou acrônimo quando encontram a tag <abbr>, que pode ser útil para pessoas com deficiência visual.
  • Abreviaturas e acrônimos podem ser confusos ou pouco claros para os leitores que não estão familiarizados com eles. Usar a tag <abbr> para fornecer uma explicação completa da abreviação ou acrônimo pode ajudar a garantir que os leitores entendam o conteúdo.
  • Incluir tags <abbr> em seu site pode ajudar a melhorar a otimização do mecanismo de pesquisa (SEO) , fornecendo contexto para os mecanismos de pesquisa. Os mecanismos de pesquisa podem usar o significado completo da abreviação ou sigla para entender melhor o conteúdo do seu site.
  • O uso da tag <abbr> pode ajudar a garantir a consistência na forma como as abreviações e acrônimos são definidos em seu site. Ao fornecer uma maneira padrão de definir abreviações e acrônimos, você pode ajudar a garantir que todo o conteúdo do seu site seja claro e fácil de entender.
  • À medida que seu site evolui e novos conteúdos são adicionados, pode ser fácil esquecer o significado de certas abreviações e acrônimos. Usar a tag <abbr> para defini-los garante que seu significado esteja sempre claro, mesmo que o contexto mude com o tempo.

Deixe sua reação abaixo para apreciar nossos esforços ou sugerir algumas melhorias para o aprimoramento deste site.
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