HTML Abbr

Postado: 30 de março de 2022

HTML Abbr

A tag HTML <abbr> define uma abreviação ou acrônimo em um documento HTML. 

Um exemplo de abreviatura é Mr. que é a abreviação de Mister. 

Definição e uso da TAG <abbr>

A TAG <abbr> define uma abreviação ou um acrônimo, como “HTML“, “CSS“, “Mr.“, “Dr.“, “ASAP“, “ATM“.

Dica: Use o atributo global para mostrar a descrição da abreviatura/acrônimo ao passar o mouse sobre o elemento. title

tag <abbr> pode ser definida usando o atributo title opcional da seguinte forma:

<p><abbr title="Loop Nerd">LN</abbr></p>

Veja o exemplo no código HTML.

<abbr title="Cascading Style Sheets">CSS</abbr>

Veja o exemplo CSS abaixo.

CSS

Veja o exemplo HTML abaixo.

HTML

<abbr title="Linguagem de marcação do HyperText">HTML</abbr>

Veja mais um exemplo EUA.

EUA

<p><abbr title="Estados Unidos da América">EUA</abbr</p>

O propósito deste elemento é unicamente a conveniência de autores e todos os navegadores mostram ele como um elemento dentro de uma linha (display: inline) por padrão, embora o estilo aplicado sobre ele seja diferente entre diferentes navegadores:

  • Alguns navegadores, como o Internet Explorer, não aplicam nenhum estilo à mais do que é aplicado ao elemento <span>.
  • Opera, Firefox, e alguns outros adicionam um sublinhado pontilhado ao conteúdo do elemento.
  • Alguns poucos navegadores não apenas adicionam um sublinhado pontilhado, mas também colocam o texto em versalete (small caps); para evitar este tipo de estilo, adicione algo como font-variant (en-US): none no CSS que administra este caso.

É fortemente recomendado que autores web não confiem no estilo padrão. Note que este elemento não é suportado pelo Internet Explorer anterior ao IE7. Como tais versões do IE também não permitem que se aplique estilo para elementos desconhecidos, o seguinte script é necessário para permitir isso:

<!--[if lte IE 6]>
  <script>
    document.createElement("abbr");
  </script>
<![endif]-->

Neste artigo abordamos sobre a tag HTMl abbr

Veja outro Artigos de TAGS HTML!

  1. Estrutura Básica do HTML
  2. HTML – Tags de Formatação de Texto
  3. HTML – Tags Básicas
  4. Conheça as principais tags semânticas do HTML5
  5. Atributo de classe HTML

Publicado por: loopnerd

414 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados