¿Qué es?
La etiqueta "meta" en HTML es una etiqueta que se utiliza para proporcionar metadatos sobre el documento HTML. Los metadatos son datos que describen y proporcionan información acerca del documento, pero que no se muestran directamente en la página web para los usuarios.
¿Para qué sirve?
La etiqueta "meta" se coloca dentro de la sección "head" del documento HTML y puede contener varios atributos que especifican diferentes tipos de metadatos. Algunos de los atributos más comunes que se utilizan con la etiqueta "meta" son:
- - charset: Especifica la codificación de caracteres del documento.
- - name: Define el nombre del metadato.
- - content: Especifica el valor del metadato.
Ejemplos del uso de las etiquetas meta:
Estos son algunos ejemplos de cómo se utilizan las etiquetas meta en HTML:
- Ejemplo 1
- Funcionalidad: Especifica la codificación de caracteres del documento HTML. UTF-8 es ampliamente utilizado y es capaz de representar la mayoría de los caracteres en varios idiomas.
meta charset="UTF-8"
- Ejemplo 2
- Funcionalidad: Proporciona una breve descripción del contenido del sitio web. Esta descripción se puede utilizar en los resultados de búsqueda de los motores de búsqueda.
meta name="description" content="Descripción del sitio web"
- Ejemplo 3
- Funcionalidad: Define palabras clave que están relacionadas con el contenido del sitio web. Aunque algunos motores de búsqueda no las consideran relevantes, aún se utilizan en algunos casos.
meta name="keywords" content="palabra clave1, palabra clave2, palabra clave3"
- Ejemplo 4
- Funcionalidad: Indica el autor del documento HTML.
meta name="author" content="Nombre del autor"
- Ejemplo 5
- Funcionalidad: Especifica cómo el contenido debe escalarse y ajustarse en diferentes dispositivos y tamaños de pantalla. Es crucial para el diseño web receptivo (responsive design).
meta name="viewport" content="width=device-width, initial-scale=1.0"
- Ejemplo 6
- Funcionalidad: Redirecciona automáticamente a otra página después de un período de tiempo especificado. En este ejemplo, redireccionará al usuario a http://example.com después de 5 segundos.
meta http-equiv="refresh" content="5;url=http://example.com"
- Ejemplo 7
- Funcionalidad: Indica a los motores de búsqueda si deben indexar el contenido de la página y si deben seguir los enlaces dentro de la página.
meta name="robots" content="index, follow"
- Ejemplo 8
- Funcionalidad:Indica la plataforma o herramienta utilizada para generar el documento HTML.
meta name="generator" content="Nombre de la herramienta o plataforma"
- Ejemplo 9
- Funcionalidad: Define el nombre de la aplicación web cuando se agrega a la pantalla de inicio de un dispositivo móvil.
meta name="application-name" content="Nombre de la aplicación
- Ejemplo 10
- Funcionalidad: Controla la compatibilidad del navegador con Internet Explorer. En este caso, se especifica que se utilice la última versión disponible del motor de renderizado de Internet Explorer.
meta http-equiv="X-UA-Compatible" content="IE=edge"