HTML address: contacto del autor y del responsable del sitio
HTML <address> identifica la información de contacto del autor o de la organización responsable de un documento o artículo individual. No se limita a direcciones postales: puede incluir correo electrónico, teléfono o un enlace a la página de contacto. No lo uses únicamente para describir una ubicación o para envolver cada cadena de dirección.
Identifica de quién es la información de contacto
Un address describe la información de contacto de su ancestro más cercano article. Si no existe tal article, se aplica al documento representado por body. Esto te permite colocar los detalles de contacto del autor de un artículo y los del operador del sitio en diferentes ámbitos. Incluye el nombre de la persona u organización para que los lectores sepan quién recibe las consultas.
Ejemplo completo: autor del artículo y operador del sitio
Guarda el siguiente documento como contacts.html y ábrelo en un navegador. Las direcciones usan el dominio de ejemplo example.test; son valores de práctica sin destinatarios reales.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contacto del autor y del sitio</title>
<style>address { font-style: normal; }</style>
</head>
<body>
<h1>Noticias tecnológicas de ejemplo</h1>
<article>
<h2>Guía de la estructura de un documento HTML</h2>
<p>Escribe aquí el contenido del artículo.</p>
<footer>
<p>Publicado: <time datetime="2026-10-30">30 de octubre de 2026</time></p>
<address>
Autor del artículo: equipo editorial de ejemplo<br>
Correo electrónico: <a href="mailto:editor@example.test">editor@example.test</a>
</address>
</footer>
</article>
<footer>
<address>
Responsable del sitio: equipo de ejemplo<br>
Correo electrónico: <a href="mailto:site@example.test">site@example.test</a>
</address>
</footer>
</body>
</html>La información de contacto del equipo editorial aparece dentro del artículo; la información de contacto del equipo del sitio aparece fuera de él. La fecha de publicación no es información de contacto, por lo que está en un elemento time fuera de address. La regla CSS font-style: normal elimina la apariencia cursiva predeterminada mientras preserva el significado de la información de contacto.
Un enlace mailto solicita que la aplicación de manejo de correo del usuario se abra; este HTML no envía un correo electrónico por sí mismo. En un documento real, reemplaza el ejemplo por un destinatario válido y confirma primero que los datos de contacto pueden ser públicos. Las direcciones del ejemplo no pueden recibir consultas reales.
Distinguir entre direcciones ordinarias y cursivas decorativas
No utilices automáticamente address para la ubicación de un destino o una dirección de entrega cuando no sea información de contacto del autor o de la parte responsable. Usa un párrafo ordinario o una lista según el contexto. El estilo en cursiva predeterminado tampoco es una razón para poner declaraciones enfatizadas en address.
Mantén el contenido relacionado con la información de contacto. No incluyas elementos de encabezado, article, section, header, footer u otro address dentro de address. Si la sección de contacto necesita un encabezado, colócalo inmediatamente antes de address. La referencia de dirección referencia de address en MDN explica el alcance y las reglas de contenido.
