4 min de lectura

La etiqueta <address>  es una etiqueta html que tiene como función principal el proveer la información de contacto del autor de un articulo, sección o documento. Esta etiqueta por lo general suele aparecer al principio o al final del documento. Entre los datos que se suele incluir se encuentran:

  • Nombre.
  • Domicilio.
  • Código postal.
  • Correo electrónico.
  • Teléfono.

Una cosa a tener en cuenta de esta etiqueta es que no debe de ser usada para mostrar toda la información del autor, solo la información mas relevante.


Usos de la etiqueta address.

Esta etiqueta tiene como se mencionó antes, sirve para indicar la información de contacto del autor de cierta sección o documento, por lo que si se coloca dentro de alguna etiqueta como es el caso de <section>  o <article>  se asume que la información de contacto es del autor de esa sección, en caso contrario, se asume que esta información de contacto representa a la del autor de todo el documento.


Ejemplos.

Un ejemplo de como se ve esta etiqueta lo podemos apreciar mediante el siguiente código, en el cual indicamos solo datos como el nombre del autor, correo electrónico, ciudad y teléfono.

Esto nos da como resultado lo siguiente, por defecto la mayoría de navegadores generan esta etiqueta con estilo italic.

Address para todo el documento.

Ahora este es un ejemplo de como se usaría esta etiqueta para referenciar que los datos dados son del autor de todo el documento, quedando el código de la siguiente manera:

En este código tenemos dentro de la etiqueta <body>  la etiqueta <main> en la cual se encuentra toda nuestro documento, y afuera de esta tenemos nuestra etiqueta <address> con los datos de contacto, esto nos da un resultado similar al siguiente:

Address para secciones.

En caso de tener secciones cuyos autores sean diferentes, el uso de esta etiqueta es similar, excepto que en este caso colocaremos la etiqueta  <address>  dentro de nuestros <section> o <article> quedando algo similar a esto:

donde tenemos como resultado lo siguiente:

Mas información de este tema en:

https://developer.mozilla.org/es/docs/Web/HTML/Elemento/address

https://www.w3.org/MarkUp/html3/address.html

Compartir
I'm a computer engineer student at CUCEI

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.