Explicación detallada de HTML Meta

La metaetiqueta es una etiqueta auxiliar en el área de la cabeza del idioma HTML.

Meta a menudo se usa para definir las instrucciones, las palabras clave y finalmente modificar la fecha y otros metadatos. Estos metadatos servirán al navegador (cómo diseñar o volver a cargar la página), los motores de búsqueda y otros servicios de red.

La etiqueta MATA contiene atributos globales (https://developer.mozilla.org/en-s/docs/web/global_attributes)

Declaración del código de caracteres de la página web:

 <meta charset = utf-8>

El contenido del atributo de contenido es el valor de la propiedad HTP-Equiv o Name, que depende de cuál use.

Este atributo puede contener el nombre del encabezado HTTP, y el nombre completo en inglés del atributo es equivalente a HTTP. Define las instrucciones que pueden cambiar el comportamiento del servidor y el agente de usuario. El valor de esta instrucción se define en la propiedad de contenido, que puede ser uno de los siguientes:

Defina el idioma predeterminado de la página. Puede ser cubierto por la propiedad Lang en cualquier elemento.

El navegador tiene prohibido visitar el contenido de la página desde el caché de la computadora local. como:

 <meta http-oquiv = pragma content = no-cache>

Se puede utilizar para establecer el tiempo de vencimiento de la página web. Una vez que expira la página web, debe ser transmitida en el servidor.

Especifique el mecanismo de caché de las solicitudes y la respuesta a seguir. Existen los siguientes métodos de uso:

No-Cache: envíe una solicitud primero, confirme si el recurso se cambia con el servidor y, si no se cambia, use el caché.

Sin tienda: no permita cachés, vaya al servidor cada vez, descargue una respuesta completa. (Medidas de seguridad)

Público: almacena todas las respuestas, pero no necesarias. Porque Max-Age también puede lograr el mismo efecto

Privado: solo un caché de usuario único, por lo que no se permite la memoria caché de retransmisión. (Por ejemplo, CDN no permite la respuesta privada de caché)

MAX-AGE: comienza la solicitud actual, cuánto tiempo se puede almacenar y reutilizar la respuesta sin ir al servidor para requerir. Por ejemplo: Max-Age = 60 significa que la respuesta puede almacenarse en caché y reutilización durante 60 segundos.

Permita que el autor defina la estrategia de contenido de la página actual. La estrategia de contenido especifica principalmente la dirección del servidor permitida y el punto final de script, que ayuda a prevenir un ataque de secuencias de comandos de sitios cruzados.

La esencia de CSP es el sistema de lista blanca. Su implementación y ejecución están completadas por el navegador, y los desarrolladores solo necesitan proporcionar configuración.

CSP mejora enormemente la seguridad de la página web. Incluso si el atacante encuentra la vulnerabilidad, no puede inyectar el guión, a menos que todavía controla un anfitrión creíble que figura en la lista blanca. Dos métodos pueden habilitar CSP. Uno es un campo de la política de seguridad de contenido a través de la información del encabezado HTTP.

 Content-Security-Policy: script-src 'self';

La otra es la etiqueta de la página web.

 <meta http-oquiv = content-security-policy content = script-src 'seld';

En el código anterior, el CSP realizó la siguiente configuración:

Script: confíe en el nombre de dominio actual

Etiquetas: no hay URL, es decir, no cargue ningún recurso

Tabla de estilo: solo confíe en cdn.example.org y tercero parto.org

Marco: debe cargarse con el protocolo HTTPS

Otros recursos: no hay restricciones

Después de abrir, los recursos externos que no cumplan con el CSP se evitarán que se carguen.

Más introducción: Política de seguridad de contenido Tutorial de inicio

Defina el tipo de documento MIME y luego lo codifica con sus caracteres.

No use este valor porque está desactualizado. Se recomienda utilizar el atributo Charset en el elemento.

Debido a que el tipo de documentación no se puede cambiar en la serialización XHTML de XHTML o HTML5, no use el tipo MIME para establecer el tipo MIML MIME.

Esta instrucción especifica:

Si el atributo de contenido contiene solo un entero positivo, representa el número de segundos de segundos cargados en la página.

Si el atributo de la conferencia contiene un entero positivo y luego la cadena ';

 <meta http-oquiv = actual contenido = 2;

Defina la cookie de la página.

No use esta instrucción, use el encabezado Set-Cookie de HTTP (https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie) en su lugar

Se usa para decirle al navegador que represente la página.

 <meta http-oquiv = x-ua-composición content = ie = bord, Chrome = 1/> Especifique IE y Chrome para representar la página actual con la última versión

La definición del atributo de nombre pertenece a los metadatos a nivel de documento.

El nombre de los datos de meta -datos se asocia con el valor del atributo de contenido. El posible valor del atributo de nombre es:

Defina el nombre de la aplicación que se ejecuta en la página web.

Se usa para marcar al autor de la página web.

Incluyendo una descripción de la miniatura del contenido de la página. Algunos navegadores, como Firefox y Opera, usan esta descripción predeterminada como marcador web.

Se utiliza para indicar qué software realiza la página web.

Solía ​​decirle al motor de búsqueda, las palabras clave de su página web

Si la página no se actualiza con frecuencia, para reducir la presión de los rastreadores de motores de búsqueda al servidor, puede configurar un tiempo de revisión para un rastreador. Si el tiempo de reverencia es demasiado corto, se accederá al rastreador de acuerdo con el tiempo predeterminado que definieron. Ejemplo:

 <meta name = revisit-after content = 7 días>

Renderer está preparado para que los navegadores de doble cine especifiquen cómo el navegador de doble core representa la página de forma predeterminada. Por ejemplo, 360 navegador. Ejemplo:

 <meta name = renderer content = webkit> // El kernel webkit predeterminado <meta name = renderer content = ie-comp> // El modo de compatibilidad IE predeterminado <meta name = renderer content = ie-sand> // modo predeterminado i e modo estándar

El referente controla el encabezado http referente (https://developer.mozilla.org/en-us/docs/web/http/referer en la solicitud de documentos. El valor correspondiente está en contenido:

Los robots solían decir que los reptiles qué páginas de páginas necesitan índices y qué páginas no requieren índices.

Proporciona un aviso sobre el tamaño del tamaño inicial de la ventana gráfica. Solo para dispositivos móviles.

Uso común

Escala prohibida:

 <meta name = viewport content = inicial-escala = 1.0, escala mínima = 1.0, máxima escala = 1.0, user-scalable = no/>

Actualice automáticamente la página web

Puede establecer la operación de actualización de la página después de un período de tiempo. Meta http-equiviv = actualizar puede especificar el navegador para retrasar la página de actualización automática por un período de tiempo. La meta-etiqueta especifica que el navegador a continuación se actualiza automáticamente cada 5 segundos.

 <meta http-oquiv = actual contenido = 5 ″ />

Redirección automática

Podemos usar metaetiquetas de actualización para redirigir la página. El siguiente ejemplo visitará www.vevb.com después de 5 segundos

 <meta http-oquiv = contenido de actualización = 5;

Caché del navegador prohibido

Cuando probamos la página web localmente, el nuevo contenido no se actualiza a tiempo, y puede haber un caché del navegador. En este momento, podemos resolverlo siempre que deshabilitemos el caché del navegador usando metaetiquetas. El código general es el siguiente:

 <meta http-oquiv = expires content = 0> <meta http-oquiv = pragma content = no-cache> <meta http-oquiv = cache-control content = no-cache>

Destino de la transcodificación de Baidu

 <meta http-oquiv = cache-control content = no-sizepp/>

En el desarrollo móvil, el código que protege el número como número de teléfono:

 <meta content = phone = no name = format-detection />

referirse a

Elemento Mdn Html (https://developer.mozilla.org/en-s/docs/web/html/element/meta)))