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.
|
1 2 3 4 5 6 |
<address> Ricardo Martinez Helguera <br> <a href="mailto:ricmtz15@gmail.com">ricmtz15@gmail.com</a><br> Guadalajara, Jal. <br> +52 3314662888 <br> </address> |
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:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<body> <main> <h1>Lorem ipsum dolor sit amet </h1> <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis assumenda, nisi quas officiis, doloribus quos porro, molestiae omnis repellendus dolorum aspernatur voluptas facilis vero aperiam quod fugit accusamus ullam a? Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus inventore quos perferendis excepturi unde obcaecati exercitationem in tempore soluta? Nisi voluptates perferendis ipsa alias ut, voluptatum nobis accusamus ducimus odit? </p> </main> <address> Ricardo Martinez Helguera <br> <a href="mailto:ricmtz15@gmail.com">ricmtz15@gmail.com</a><br> Guadalajara, Jal. <br> +52 3314662888 <br> </address> </body> |
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:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<body> <main> <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h1> <article> <h2>Section 1.</h2> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi explicabo corrupti ratione magni iusto quibusdam laboriosam delectus fuga tempore doloribus dolore, recusandae voluptas labore pariatur modi aliquid consequatur repellat id! </p> <address> Ricardo Martinez Helguera <br> <a href="mailto:ricmtz15@gmail.com">ricmtz15@gmail.com</a><br> Guadalajara, Jal. <br> +52 3314662888 <br> </address> </article> <article> <h2>Section 2.</h2> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Placeat quaerat voluptatibus perspiciatis, excepturi voluptatum, eum distinctio, magni harum iure error in ad animi quos? Saepe ratione repudiandae facilis repellendus molestias. </p> <address> Roberto Uzumaki Gomez <br> <a href="mailto:rob.uzumaki@gmail.com">rob.uzumaki@gmail.com</a><br> Zapopan, Jal. <br> +52 3331672018 <br> </address> </article> </main> </body> |
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
