Introducción a Meta Tag en HTML
Una metaetiqueta en HTML se utiliza para definir datos sobre su página web o documento HTML. Con la ayuda de una metaetiqueta, se puede definir la descripción del documento, la información de su autor cuando se actualizó por última vez y se utiliza para proporcionar propiedades de detalles del documento HTML. La metaetiqueta se define dentro de la etiqueta HTML, que se incluye en parte. Es más útil para los diseñadores web mostrar la parte de visualización real de la página web. Todo el control de la vista se realizará mediante metaetiquetas en HTML 5. La mayoría de los navegadores hacen referencia a la metaetiqueta para muchas funciones útiles, como actualizar páginas, mostrar el contenido de las páginas web y los servicios web que utilizan.
Sintaxis
Metaetiqueta utilizada en la sección de la cabeza de la siguiente manera:
En la sintaxis anterior, indica que charset = "utf-8" proporciona el mejor soporte para mostrar cualquier tipo de lenguaje.
Aquí hay otra sintaxis para la metaetiqueta con algún valor:
Se utiliza para manejar el tamaño de la ventana gráfica con todo su valor de dimensión de página y desplazamiento de página para adaptarse perfectamente a nuestra página web en cualquier tipo de dispositivo.
Lista de metaetiquetas en HTML
Hay diferentes tipos de metaetiquetas utilizadas en HTML, veamos una por una:
1. Esta es una metaetiqueta muy básica utilizada para definir cualquier tipo de lenguaje.
2. Se utiliza para definir la descripción de su contenido de hasta 150 palabras.
3. Se utiliza para preservar todos los derechos de autor de la compañía definida.
4. Se utiliza para definir el resumen de una página web específica.
5. Se utiliza para definir el autor de su documento HTML.
6. Se utiliza para definir la dirección URL de la compañía específica definida en el atributo de etiqueta.
7. Se utiliza para manejar clasificaciones que vienen en nuestro documento.
8. Si queremos definir subtítulos para nuestros documentos HTML, entonces fue posible usar esta etiqueta.
9. Se utiliza para actualizar nuestra página web en el momento definido de spam.
10. Se utiliza para clasificar nuestro documento al valor de entidad definido.
11. Esta etiqueta se utiliza para especificar algunas palabras clave en Metaetiqueta, por lo que es posible buscar este contenido fácilmente en nuestro documento.
12. Esta etiqueta se utiliza para definir el resumen de nuestro documento.
Funcionamiento de la metaetiqueta en HTML
La metaetiqueta en HTML se utiliza principalmente para incluir información legible por máquina en nuestro documento de página web que en realidad es invisible en la página web. Otro trabajo más importante de esta etiqueta en HTML es que, con la ayuda de esta etiqueta, se puede redirigir fácilmente a la otra página web utilizando esta función de metaetiqueta.
Hay algunas listas de atributos en las que la metaetiqueta funciona finamente son las siguientes:
1. Contenido: El contenido en la metaetiqueta funciona como valor para su metaetiqueta incluida.
2. Nombre: el nombre funciona como propiedad de metaetiqueta. Viene en forma de detalles, propietario, palabras clave, etc.
3. http-equiv: este atributo se utiliza para definir detalles del encabezado en el documento.
4. Conjunto de caracteres: es el atributo principal en la etiqueta Meta utilizada para definir la codificación de caracteres con fines de declaración en su documento.
5. Esquema: este atributo se utiliza para definir el esquema en el que se utilizará la metaetiqueta. Pero este tipo de atributo no es compatible con HTML5.
Ejemplos de metaetiquetas en HTML
Veamos algunos ejemplos.
Ejemplo 1
Vamos a utilizar la etiqueta Meta y la leerá el sistema informático pero no podrá ver nada a los visitantes de la página web.
Código HTML:
Salida: mostrará una pantalla en blanco como salida.
Ejemplo # 2
Aquí está este ejemplo, vamos a utilizar diferentes tipos de metaetiquetas y mostraremos el resultado, la página web se actualizará en cada momento específico y almacenará cookies para su página, mencionando también su fecha de vencimiento.
Código HTML:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA- Todo sobre cursos de certificación en línea
Aprenda diseño gráfico, animación, desarrollo de juegos, edición de video y más con nuestros cursos de certificación en línea
Elija su área de interés y obtenga la certificación con nuestros cursos en línea en finanzas, ciencia de datos, desarrollo de software, Excel, diseño, gestión de proyectos, desarrollo personal, marketing y recursos humanos.
Salida: la página web que se muestra en la salida se actualizará cada 5 segundos.
Ejemplo # 3
Veamos otro ejemplo usando metaetiquetas, se reflejará igual que antes pero después de actualizar la página web redirigirá a otra página web cuyas URL se mencionarán en la metaetiqueta como se muestra en el siguiente código HTML:
Código HTML:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA- Todo sobre cursos de certificación en línea
Salida:
Conclusión
Por lo tanto, una etiqueta Meta en HTML se usa para definir metadatos sobre documentos HTML. El código incluido es un formato legible por máquina que funciona bien con una página web pero no muestra ningún contenido en la página a los visitantes. Metaetiqueta que contiene 3 tipos diferentes de atributos como atributos globales, específicos de elementos y controladores de eventos.
Artículos recomendados
Esta es una guía de Meta Tag en HTML. Aquí discutimos la lista de diferentes tipos de etiquetas Meta utilizadas en HTML junto con los ejemplos. También puede consultar los siguientes artículos para obtener más información:
- Marcos HTML
- Diseño HTML
- Atributo de estilo HTML
- Elementos de formulario HTML