¿Cómo usar la etiqueta de dirección HTML?

Como Usar La Etiqueta De Direccion Html



El ' Las etiquetas ” brindan significado semántico a los detalles de contacto del autor, propietario o entidad asociada con un documento. El texto dentro del “ ” se muestra en la página web en cursiva. Los desarrolladores lo utilizan principalmente para mostrar información como una dirección física o postal, dirección de correo electrónico, número de teléfono, URL del sitio web, etc. Este artículo muestra la explicación de la etiqueta de dirección HTML.

¿Cómo utilizar una etiqueta de dirección HTML?

El ' ” se puede utilizar con otras etiquetas como “ ”, “ ”, “ etc. Mejora la accesibilidad y la optimización de los motores de búsqueda debido a su naturaleza semántica al tiempo que garantiza la mantenibilidad y la coherencia. La etiqueta de dirección se puede utilizar en páginas de contacto, secciones de pie de página y para ilustrar la información del autor de un blog o artículo, etc.







Visite el siguiente ejemplo práctico para una mejor comprensión:



< cuerpo >
  < división clase = 'estilo de dirección' >
  < DIRECCIÓN >
Escrito por < a href = 'https://linuxhint.com/' > Anónimo a > . < hermano >
Visítanos en: Metaverso < hermano >
   linuxhint.com < hermano >
En ninguna parte, galaxia < hermano >
Multiverso
  DIRECCIÓN >
  división >
cuerpo >

 
En el bloque de código anterior:



    • Inicialmente, el padre “
      La etiqueta ” se crea dentro del “ ' etiqueta.
    • A continuación, la clase denominada “ DirecciónEstilismo ” se asigna con el recientemente creado “ división ' elemento.
    • Después de eso, utilice el “ ” y en su interior proporciona datos personales ficticios.

Después de la ejecución y el renderizado, la página web se muestra así:






El resultado muestra que el contenido dentro de la etiqueta '' se ha mostrado con un estilo predefinido.

Para diseñar el contenido de la etiqueta “”, las propiedades CSS se utilizan de la siguiente manera:



< estilo >
.addressStyling {
margen: 20px;
color: rojo ;
tamaño de fuente: x-grande;
familia tipográfica: montserrat;
}
estilo >

 
En el bloque de código anterior:

    • Primero, el padre” división 'clase de elemento' DirecciónEstilismo ” está seleccionado.
    • A continuación, los valores de “ 20px ' y ' rojo ” se proporcionan a la CSS “ margen ' y ' color ” propiedades, respectivamente.
    • Al final, personaliza la fuente asignando “ extragrande ' y ' montserrat 'valores al CSS' tamaño de fuente ' y ' Familia tipográfica ” propiedades, respectivamente.

Después de agregar propiedades CSS, ahora el resultado final se ve así:


El resultado muestra que se ha aplicado un estilo personalizado.

Alternativa: uso de la etiqueta

El ' La etiqueta ” se utiliza para desviar la atención del usuario hacia la parte específica de los datos o la información. Cambia el estilo del texto a “ itálico ” que hace que el texto sea único y atraiga la atención del usuario. Puede ser útil para indicar citas, títulos de libros u otros casos en los que se desee una representación visual distinta. Siga el siguiente código:

< pag >
  < i estilo = 'tamaño de fuente:x-grande;' > linux i > es en el formato cursiva usando 'i' etiqueta
pag >

 
Después de la compilación del bloque de código anterior:


El resultado muestra que se ha aplicado el mismo estilo utilizando el ' ' etiqueta.

Conclusión

El ' La etiqueta ” se usa específicamente para mostrar los datos personales del autor o alguna entidad en la página web. Es una etiqueta semántica que también ayuda mucho en el proceso de SEO. Los datos dentro del “ La etiqueta ” se muestra en la página web en cursiva. Además, las propiedades CSS también se pueden utilizar para aplicar un estilo personalizado. Este artículo ha demostrado la explicación de la etiqueta HTML .