Etiqueta HTML `<address>`

La etiqueta <address> se utiliza para proporcionar información de contacto sobre el propietario de un sitio o el autor del artículo. Puede contener correo electrónico, teléfono, dirección, enlace al sitio, etc.

Sintaxis

La etiqueta <address> aparece en pares. El contenido se escribe entre las etiquetas de apertura (<address>) y cierre (</address>).

La mayoría de los navegadores agregan un salto de línea antes y después del elemento, y la información en la etiqueta se muestra en cursiva.

Si la etiqueta <address> se coloca dentro del elemento <body>, la información de contacto que contiene se refiere a todo el documento en su conjunto. Para especificar la información de contacto del autor del artículo, debes colocar la etiqueta <address> dentro del <article> elemento.

Ejemplo de la etiqueta HTML `<address>`:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <address>
      Author: W3docs team<br />
      <a href="mailto:[email protected]">Contact Author</a>
    </address>
  </body>
</html>

Try it Yourself »

Resultado

address example

peligro
No utilices la etiqueta <address> para proporcionar una dirección de correo electrónico a menos que sea parte de la información del autor.

La etiqueta <address> se incluye junto con otra información en el <footer> elemento.

Ejemplo de la etiqueta HTML `<address>` con la etiqueta HTML `<footer>`:

html

<!DOCTYPE html>
<html>
  <head>
    <style>
      .header{
        height: 40px;
        padding: 20px 20px 0;
        background: #e1e1e1;
      }
      .main-content{
        height: 60vh;
        padding: 20px;
      }
      footer{
        padding: 10px 20px;
        background: #666666;
        color: white;
      }
      a{
        color: #00aaff;
      }
    </style>
  </head>
  <body>
    <div class="header">Header / Menu</div>
    <div class="main-content">
      <h1>Main content</h1>
      <p>This is some paragraph. </p>
    </div>
    <footer style="display:flex; justify-content:space-between; align-items:flex-end;">
      <p style="margin:0;">Company © W3docs. All rights reserved.</p>
      <address>
        3rd street, app 43<br />
        New York, USA        
      </address>
    </footer>
  </body>
</html>

Try it Yourself »

Atributos

La etiqueta <address> admite los Atributos globales y los Atributos de eventos.

Práctica

¿Cuál es el propósito de la etiqueta HTML <address>?

Proporciona información de contacto para un sitio web o una parte de un documento.Añade un encabezado a la página web.Puede incluir cualquier tipo de información de contacto y no se limita solo a la dirección física.Cambia el color del fondo de una página web.Se utiliza para incluir el contenido principal de la página web.

Etiqueta HTML <address> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <address>: ​

Resultado ​

Ejemplo de la etiqueta HTML <address> con la etiqueta HTML <footer>: ​

Atributos ​