La etiqueta HTML <address>

Etiqueta semántica para información de contacto|


Es posible que necesitamos indicar una información de contacto, no sólo virtual como un correo electrónico, sino también información de contacto física, como una dirección física o ubicación. Para ello, vamos a utilizar la etiqueta <address>.

La etiqueta <address>

La etiqueta <address> nos permite representar información de contacto de una persona. Generalmente, cuando se utiliza se asume que hace referencia a su elemento padre más cercano, como por ejemplo el elemento <article> que lo contiene, o su elemento <body> si no hay <article> (referencia al documento en sí).

<footer>
  <address>
    Si quieres contactar con el autor, escribe a <span>formateadoresde@codigo.com</span>.
  </address>
</footer>

Observa que en este caso, hacemos referencia a una vía de contacto virtual (correo electrónico). Si la forma de contacto fuera una dirección física, podríamos incluirla también en la etiqueta <address>.

No obstante, no conviene utilizar la etiqueta <address> para agrupar vías de contacto que no sean relevantes para el documento general o la entidad importante que estemos tratando.

¿Quién soy yo?

Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.

Puedes encontrar más sobre mi en Manz.dev

Este sitio web es bloqueado en España cuando hay fútbol