Citas HTML

En este capitulo conoceremos una serie de citas o etiquetas para usos de este tipo.

La etiqueta <q></q>.
Esta etiqueta nos proporcionará la función de comillas.
Ejemplo:

Se escribe así:

<p>Etiqueta que <q>genera</q> entre comillas.</p>

Se vería así:

Etiqueta que genera entre comillas.

 

Etiqueta Blockquote.

<blockquote cite=»URL»>Texto</blockcuote>

Esta etiqueta no generará cambios de forma en el texto pero sirve para decirle al navegador de dónde se ha sacado un texto copiado.

Ejemplo:

Se escribiría así:

<blockquote cite=»wikipedia.org»>Este texto está sacado de Wikipedia</blocknote>

Y se vería así:

Este texto está sacado de Wikipedia

El texto se ha centrado en la pantalla y ha aumentado de tamaño pero en general los cambios son mínimos y obviamente distintos según que navegador los lea.

Etiqueta abbr.

Esta etiqueta es muy útil para el poscionamiento web ya que le estás diciendo la navegador sobre qué estás escribiendo cuando usas un acrónimo o una abreviación.

Por ejemplo:

Se escribiría así:

<p>The <abbr title=»World Wide Web Consortium»>W3C</abbr> es el organismo sin ánimo de lucro que desarrolla el estándar de HTML.</p>

Y se vería así:

The W3C es el organismo sin ánimo de lucro que desarrolla el estándar de HTML.

En este ejemplo, no hay cambios visuales para el lector del documento una vez leido por el navegador, pero si lo va a leer las arañas de los motores de búsuqeda como Google, Yahoo, etc.

Etiqueta <adress>.

Esta etiqueta tampoco está hecha para el lector sino para los motores de búsqueda. No es más que una etiqueta que dice que el texto que contiene es una dirección. A ojo del usuario solo verá que cambia mínimamente el estilo del texto y ni siquiera eso en el caso de que el desarrollador le de formato a ese texto usando CSS.

Ejemplo:

Se escribiría así:

<adress>

Evergreen terrace,

Calle falsa 123

Familia Simpson

</adress>

Se vería así:

Evergreen terrace,

Calle falsa 123

Familia Simpson

 

Etiqueta <cite>.

Esta etiqueta cambia el estilo del texto asemejandose al texto que vemos a modo de cita en libros o revistas, debajo de una foto.

Ejemplo:

Se escribiría así:

<p><cite>Esta foto es la foto de un editor de lenguaje de marcas</cite></p>

Se vería así:

Esta foto es la foto de un editor de lenguaje de marcas

Ha cambiado el estilo del texto.

Etiqueta <bdo>.

Esta etiqueta debe tener un atributo con valor para funcionar.

Ejemplo:

Se escribiría así:

<bdo dir=»rtl»>Esta frase se mostraría invertida.</bdo>

Se vería así:

Esta frase se mostraría invertida.

Es cierto que esta etiqueta rara vez tiene utilidad 🙂