Etiqueta <ADDRESS>

La etiqueta <address>, permite definir la información de contacto del autor o propietario del documento o artículo.
Si la etiqueta se encuentra dentro del cuerpo “body” del documento, representa la información de contacto del documento completo, mientras que si la etiqueta se encuentra dentro de un artículo “article”, representa la información de contacto del autor del artículo.



Los navegadores suelen visualizar la información de contacto en letra cursiva y la mayoría de navegadores insertan también un salto de línea antes y después de la etiqueta.

No se debe de utilizar la misma para indicar un código postal a menos que este último forme parte de la información de contacto, y usualmente se suele ubicar la etiqueta de dirección dentro de otra denominada “footer”.

La sintaxis de la etiqueta es la siguiente:

 

<address>
Escrito por <a href=mailto:nacho.elx@gmail.com>José Sáez</a>.<br>
Visítenos en: <br>
www.aprendoencasa.com<br>
C/ SinSentido, 44, 03202<br>
Spain<br>
</address>

El siguiente ejercicio muestra el uso de la etiqueta.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
</head>
<body>
<p>Información de contacto...</p>
<footer>
<address>
	Escrito por <a href=mailto:nacho.elx@gmail.com>José Sáez</a>.<br>
	Visítenos en: <br>
	www.aprendoencasa.com<br>
	C/ SinSentido, 44, 03202<br>
	Spain<br>
</address>
</footer>
</body>
</html>

El resultado del ejercicio ha de ser similar al que se muestra a continuación.

Ejercicios HTML5 - Etiqueta ADDRESS

Ejercicios HTML5 – Etiqueta ADDRESS

Gracias por vuestra visita y un saludo!!!