CANO TORRES SEYDI

Etiqueta meta en HTML

La etiqueta es un elemento HTML que se utiliza para proporcionar información adicional, llamada metadatos, sobre un documento HTML. Los metadatos no se muestran directamente en la página web, sino que sirven como información para navegadores, motores de búsqueda y otras aplicaciones que interactúan con la página.

Estos datos pueden incluir información sobre la descripción del sitio, palabras clave relevantes, el autor del contenido y más.

La etiqueta es un elemento vacío, lo que significa que no tiene una etiqueta de cierre. Por lo general, se encuentra dentro del elemento de un documento HTML, ya que la información que contiene es relevante para la estructura y el procesamiento de la página, en lugar de su contenido visible.

Ejemplos

  1. charset

    2. El atributo “charset” se utiliza para especificar la codificación de caracteres utilizada en el documento HTML. Definir correctamente el conjunto de caracteres es fundamental para garantizar que los navegadores muestren el texto correctamente, especialmente cuando se utilizan caracteres especiales o no latinos.

  2. name

    3. El atributo “name” se utiliza en conjunto con el atributo “content” para proporcionar información sobre el documento, como la descripción, las palabras clave o el autor. El valor del atributo “name” indica el tipo de información proporcionada, mientras que el atributo “content” contiene la información en sí.

  3. content

    4. El atributo “content” es un componente esencial en una etiqueta , ya que proporciona el valor asociado con el atributo “name”, “http-equiv” o “property”. En otras palabras, el atributo “content” contiene la información que deseas comunicar a los navegadores, motores de búsqueda y otras aplicaciones que procesan la página web.

  4. http-equiv

    5. El atributo “http-equiv” se utiliza para simular una respuesta HTTP. Algunos de los valores comunes para este atributo incluyen “Content-Type”, “X-UA-Compatible” y “refresh”. El atributo “content” se utiliza junto con “http-equiv” para proporcionar información adicional.

  5. Meta author

    6. Especifica el autor del documento HTML. Proporciona información sobre quién creó el contenido de la página.

    meta name="author" content="Juan Pérez"

  6. Meta robots

    7. Indica a los motores de búsqueda cómo indexar y rastrear la página. Permite controlar si deseas que una página sea indexada o no, y si los enlaces en la página deben seguirse o no.

    meta name="robots" content="index,follow"

  7. Meta viewport

    8. Define cómo se debe mostrar el contenido en dispositivos móviles y la escala inicial. Ayuda a asegurar que el diseño de la página se adapte correctamente a diferentes tamaños de pantalla.

    meta name="viewport" content="width=device-width, initial-scale=1.0

  8. Meta keywords

    9. Lista de palabras clave relacionadas con el contenido de la página. Aunque no se utiliza ampliamente en los motores de búsqueda modernos, aún puede ser útil para ayudar a los usuarios y a los motores de búsqueda a entender el tema de la página.

    meta name="keywords" content="HTML, CSS, JavaScript, Web"

  9. Meta og:title

    10. Especifica el título de la página para compartir en redes sociales. Define el título que se mostrará cuando alguien comparta la página en plataformas como Facebook o Twitter.

    meta property="og:title" content="Título de la página"

  10. Meta theme-color

    11. Define el color de la barra de estado en dispositivos móviles con Android cuando la aplicación web se ejecuta en modo de pantalla completa.

    meta name="theme-color" content="#4285F4"