2018-02-06

Etiqueta abbr


Definición

<abbr> (Elemento de abreviación HTML) permite representar una abreviatura tales como "www","http","etc","url"; entre otras. posee el atributo (title) y este debe llevar el significado o descripción de lo abreviado. Posee etiqueta de cierre </abbr>

<!-- css por defecto -->

abbr{
   display:inline;
}

NOTA: en algunos navegadores el estilo por defecto lleva un subrayado de puntos, o tambien lo transforma en minuscula... para evitar este tipo de estilos se debe agregar el atributo css con su valor  "text-decoration: none"

<!-- css con el texto subrayado -->

abbr[title]{
   text-decoration:underline dotted;
}

Ejemplos

<!-- Con estilos css por defecto -->
redirigiremos a la etiqueta <a href="https://kwards.blogspot.com/2018/02/etiqueta-abbr.html"> <abbr  title="Elemento de Abreviación Html">"abbr"</abbr> </a>

<!-- Con text-decoration:none -->

redirigiremos a la etiqueta <a href="https://kwards.blogspot.com/2018/02/etiqueta-abbr.html"> <abbr  title="Elemento de Abreviación Html"  style="font-variant:none">"abbr"</abbr> </a>

Resultado
<!-- Con estilos css por defecto -->
redirigiremos a la etiqueta  "abbr"

<!-- Con text-decoration:none -->
redirigiremos a la etiqueta "abbr"


Antonio Hernandez Web Developer

No hay comentarios.:

Publicar un comentario