in

Metaetiqueta HTML

Ejemplo

Describe los metadatos dentro de un documento HTML:











Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los <meta> La etiqueta define metadatos sobre un documento HTML. Los metadatos son datos (información) sobre datos.

<meta> Las etiquetas siempre van dentro del elemento

y, por lo general, se utilizan para especificar el conjunto de caracteres, la descripción de la página, las palabras clave, el autor del documento y la configuración de la ventana gráfica.

Los metadatos no se mostrarán en la página, pero se pueden analizar por máquina.

Los navegadores utilizan metadatos (cómo mostrar contenido o recargar la página), motores de búsqueda (palabras clave) y otros servicios web.

Existe un método para permitir que los diseñadores web tomen el control de la ventana gráfica (el área visible del usuario de una página web), a través del <meta> etiqueta (consulte el ejemplo de «Configuración de la ventana gráfica» a continuación).


Soporte del navegador

Elemento

Atributos

Atributo Valor Descripción
juego de caracteres conjunto de caracteres Especifica la codificación de caracteres para el documento HTML.
contenido texto Especifica el valor asociado con el atributo http-equiv o name
http-equiv política-de-seguridad-de-contenido
tipo de contenido
Estilo por Defecto
actualizar
Proporciona un encabezado HTTP para la información / valor del atributo de contenido.
nombre Nombre de la aplicación
autor
descripción
generador
palabras clave
ventana gráfica
Especifica un nombre para los metadatos.

Atributos globales

los <meta> La etiqueta también admite los atributos globales en HTML.



Más ejemplos

Defina palabras clave para motores de búsqueda:

Defina una descripción de su página web:

Defina el autor de una página:

Actualizar el documento cada 30 segundos:

Configuración de la ventana gráfica para que su sitio web se vea bien en todos los dispositivos:


Configuración de la ventana gráfica

La ventana gráfica es el área visible del usuario de una página web. Varía según el dispositivo: será más pequeño en un teléfono móvil que en una pantalla de computadora.

Debes incluir lo siguiente <meta> elemento en todas sus páginas web:

Esto le da al navegador instrucciones sobre cómo controlar las dimensiones y la escala de la página.

los width=device-width parte establece el ancho de la página para seguir el ancho de la pantalla del dispositivo (que variará según el dispositivo).

los initial-scale=1.0 parte establece el nivel de zoom inicial cuando el navegador carga la página por primera vez.

Aquí hay un ejemplo de una página web. sin la metaetiqueta de la ventana gráfica y la misma página web con la metaetiqueta de la ventana gráfica:

Propina: Si está navegando por esta página con un teléfono o una tableta, puede hacer clic en los dos enlaces siguientes para ver la diferencia.

Puede leer más sobre la ventana gráfica en nuestro Diseño web receptivo: el tutorial de la ventana gráfica.


páginas relacionadas

Tutorial HTML: HTML Head

Referencia HTML DOM: metaobjeto


Configuración CSS predeterminada

Ninguno.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Arquitectura de máxima disponibilidad de Oracle (MAA)

Cómo escribir una introducción para un proyecto