sexta-feira, 17 de julho de 2015

Tag abbr: conceito e utilização

A tag ABBR (abbreviation - significa abreviação) é uma tag utilizada para dar definições de siglas ou abreviações. Trata-se de uma potente e dinâmica dica de texto que é ativada ao arrastarmos o mouse até certa palavra, exibindo o real significado de um termo de qualquer conteúdo. Sua utilização é plausível, mas não chega a ser algo imprescindível, pois a maioria dos sites não utilizam esse poderoso recurso que está disponível na internet desde 1997.

Nesta postagem, mostrarei a correta utilização da tag abbr, e também irei inserir CSS como forma de estilização.
HTML:
<abbr title="Wikipédia é um projeto de enciclopédia multilíngue de licença livre.">Wikipedia</abbr>
CSS:
<style>
abbr[title]{
  border-bottom: 1px dashed #8baf1c;
  cursor: help;
</style>
Resultado da tag abbr com HTML e CSS:
O site Wikipedia contém centenas de informações indispensáveis ao público.
Observação: No CSS, a parte destacada na cor vermelha refere-se a cor da borda que fica situada abaixo da palavra que receberá a devida definição, edite com a cor que mais desejar.

Este artigo abordou a funcionalidade da tag abbr, e também as possibilidades de estilização desta incrível ferramenta.

Bruno Bezerra

Bruno Bezerra é blogueiro e estudante. Mantém como foco principal a plataforma Blogger, no qual começou a realizar seus projetos. Gosta de mexer com HTML e CSS.
comments powered by Disqus

 

Copyright @ 2011-2015 Fique Sabendo!.