A que no adivinas para que sirve la etiqueta Adress en HTML.
¿No? ¿Nadie?
Bueno, intuir para qué sirve esta etiqueta es bastante fácil.
Pero la pregunta es ¿Sabes cómo se utiliza?
Y lo mejor de todo ¿Sabes por qué es importante utilizar esta etiqueta en tu página web?
Aunque su nombre puede dar una pista, hay mucho más en esta etiqueta de lo que parece a primera vista.
En este post, vamos a desglosar todo lo que necesitas saber sobre la etiqueta <address>, incluyendo cómo se utiliza y por qué es importante en tu página web.
Recuerda que este post forma parte de la serie del diccionario HTML de DropCoding, donde aprendemos este lenguaje desde cero.
¡Y ahora vamos al lío!
¿Qué es la etiqueta address en HTML?
La etiqueta <address> es una etiqueta de HTML que se utiliza para proporcionar información de contacto del autor del documento, como su nombre, número de teléfono, dirección, página web, etc.
Esta etiqueta también puede utilizarse para proporcionar información de contacto para cada autor de un documento HTML si se especifica, por ejemplo, para un bloque que tenga varios autores.
Aunque esta etiqueta está pensada para contener direcciones y a veces puede contener direcciones físicas, no está pensada para ser usada como un sustituto de la etiqueta
<a>para crear enlaces hacia direcciones web.
La etiqueta <address> también se puede utilizar como parte del lenguaje de marcado semántico que ayuda a los motores de búsqueda y a otros robots a comprender mejor el contenido de nuestra página.
EJEMPLO de etiqueta ADDRESS
Supongamos que hemos hecho un artículo en nuestra página web o nuestro blog con la etiqueta <article> y queremos poner nuestra dirección o la de nuestra empresa para que puedan contactar con nosotros clientes potenciales.
Pues muy fácil, vamos a poner dentro de <article> en este caso la etiqueta <address> y colocaremos toda la información de contacto que queramos.
Por ejemplo, en este caso hemos escrito el nombre del autor con un enlace hacia su correo, luego hemos definido su teléfono, su página web y la dirección física de esta persona. De esta manera, no sólo estaríamos mostrando la información de contacto, sino que le estaríamos diciendo a los buscadores que esa es la información de contacto del propio autor del artículo y que tenga en cuenta esa meta información.
<article>
<h2>Título del artículo</h2>
<p>Este es el contenido del artículo.</p>
<address>
Autor: <a href=”mailto:[email protected]”>David Zamora</a><br>
Teléfono: 123-456-7890<br>
Web: <a href=”https://dropcoding.com”>Dropcoding</a><br>
Dirección: Calle del Diseño Web, 404<br>
Monte del Destino
</address>
</article>
Conclusiones sobre la etiqueta Address
La etiqueta <address> puede parecer un poco técnica, pero es bastante fácil de implementar.
No sólo estarías mostrando la información de contacto, sino que también estarías ayudando a los motores de búsqueda a entender mejor el contenido de tu página.
Así que, ¿por qué no usarla en tus artículos a partir de ahora? 😀
Todos los Atributos de la etiqueta abbr
Esta etiqueta solo puede tener atributos globales, que son los atributos genéricos que se pueden emplear en todas las etiquetas HTML. Sin embargo, para que la etiqueta abbr tenga sentido, es esencial colocar el atributo title.
Espero que te haya sido útil esta lección del diccionario HTML, aunque ha sido de las más facilitas que hemos visto. No todo tiene que ser complicado en esta vida ¿No?
Recuerda que si tienes alguna duda o alguna sugerencia, puedes dejarla en los comentarios. ¡Nos vemos en la próxima lección! ¡Adiós!