Meta es una etiqueta auxiliar en el área de la cabeza del lenguaje HTML. Tal vez creas que estos códigos son opcionales. De hecho, si puede hacer buenas metaetiquetas, le traerá efectos inesperados. dinámica dinámica Cuando la conversión de la página web.
Meta resumen de HTMLComposición de meta etiqueta: las metaetiquetas tienen dos atributos.
<! -> <meta charset = 'utf-8'> <!-Prefiere usar la última versión de IE y Chrome-> <meta http-oquiv = x- ua-comision content = ie = bord, chrome = 1/> < ! -page Descripción-> <meta name = descripción content = no más de 150 caracteres/<!-Page Keywords-> <meta name = Keywords content =/> <!-Web Author-> <Meta Name = Author Content = Name = Name , correo electró[email protected]/> <!-Search Engine Capture-> <meta name content = index, seguir/> <!-Agregar viewport-> <meta name = viewport content = inicial-scale = 1, máxima escala = 3, mínimo a escala = 1, escala de usuario = no> <! ----! --------`Width = Device-width` hará que el iPhone 5 se agregue a la pantalla principal y abra la página con el modo de pantalla completa de la webp. name = Apple-Mobile- Content de la aplicación web-aplicable = sí/> <!-si habilita el modo web de la pantalla completa, elimine la barra de herramientas predeterminada de Apple y el menú Bar-> <meta name = Apple-itunes-app Content = MyAppStoreID , Affil ate -data = myaffileedata, app-ragument = myurl> <!-Agregar banner de aplicaciones inteligentes (iOS 6+ safari)-> <meta name = Apple-Mobile-app-status conten t = black/> <! -Set el color de la barra de herramientas de Apple-> <meta name = format-detection content = Telphone = no, correo electrónico = no/> <!-Ignore el reconocimiento digital en la página como una llamada telefónica, ignore la identificación del correo electrónico-> <! -Enable el modo de velocidad del navegador 360 (WebKit)-> <meta name = renderer content = webkit> <!-Evite IE use el modo de compatibilidad-> <meta http-outiv = x-uaa -compatible content = ie = borde> * * meta name = x5-orientation content = retrAit> <!-UC Pantalla completa obligatoria-> <meta name = contenido de pantalla completa = yes> <!-qq 强制全屏-> <meta name = x5-fullscreen content = true > <!-UC 应用模式-> <meta name = browsermode content = aplicación> <! > <meta name = msapplication-tap-highlight = no> <! > <!-iPhone e iTouch, el píxel 57x57 predeterminado debe ser-> <link rel = Apple-touch-icon-procesado tamaños = 114x114 href =/Apple-touch-icon-114x114 -pong/png/> <!-Retina ITouch, 114x114 píxeles no, pero se recomienda--> <link rel = Apple-touch-icon-precomed tames = 144x144 href =/Apple-touch-icon-44x144-precponed.png/> <!-Retina iPad , 144x144 像素 , 可以没有 , 但推荐有-> <!-icon icon final-> <!-IOS Pantalla de inicio Begin-> <Link Rel = Apple-Touch -Startup-Image size = 768x1004 href =/splash-screen- 768x1004.png/> <! Pantalla vertical 1536x20088 (retina)-> <link roth = Apple-touch-startup-imagen = 1024x748 href =/default-portrait-1024x748.png/> <!-pantalla horizontal iPad 1024x748-> <link roth = apple-touch -Startup-Image tames = 2048x1496 href =/splash-screen-2048x1496.png/> <!-ipad viagra 2048x1496 (retina)-> <link rel = Apple-touch- startup-iMage href =/splash-screen-320x480. PNG/> <!-Pantalla vertical de iPhone/iPod Touch 320x480 (Resolución estándar)-> <Link Rel = Apple-Touch-Startup-Image Tames = 640x960 -Creen -640x960.png/> <!-Iphone/iPod Touch vertical vertical vertical 640x960 (Retina)-> <Link r = Apple-touch-startup-image tames = 640x1136 href =/splash-screen-640x113 6.png/> <! -Iphone 5/ipod touch 5 pantalla vertical 640x1136 (retina)->> * /> <!-Windows 8 icono de etiqueta magnética-> <link rel = application/rss +xml <!-Agregar suscripción RSS-> <Link Rel = Accesivo Icon Type = Image/ICO href =/favicon.ico/> <! -Add Favicon Icon-> <!-SNS Social Label Begin--> <!-Consulte Weibo APi-> <Meta Property = Og: Type Content = Type/> <Meta Property = Og: URL Content = URL Dirección/> <Meta Property = Og: Title Content = Title/> <Meta Property = Og: Image Content = Image/<Meta Property = Og: Descripting Content = Descripción/<!-SNS Social Tag End-> <title> Title </Title > </thead>
Algunos de los meta atributos comúnmente utilizados se dan anteriormente, y la comprensión de Meta se da a continuación.
Meta es una etiqueta auxiliar en el área de la cabeza del lenguaje HTML. Tal vez creas que estos códigos son opcionales. De hecho, si puede hacer buenas metaetiquetas, le traerá efectos inesperados. dinámica dinámica Cuando la conversión de la página web.
Composición de meta etiqueta: las metaetiquetas tienen dos atributos.
1. Atributo de nombreEl atributo de nombre se usa principalmente para describir las páginas web.
El formato de gramática del atributo de nombre de la etiqueta meta es:
<meta name = parámetro content = valor de parámetro específico>.
Los atributos del nombre tienen principalmente los siguientes parámetros:
A, palabras clave (palabra clave)Nota: Las palabras clave se usan para indicar las palabras clave del motor de búsqueda para su página web.
Ejemplo:
<meta name = keywordScontent = meta resumen, html meta, meta atributo, meta salto>
B. Descripción (Descripción del contenido del sitio web)
Nota: La descripción se utiliza para decir el contenido principal de su sitio web para los motores de búsqueda.
Ejemplo:
<Meta name = DescripciónContent = Blog de Haorooms, Meta Resumen de HTML, Meta es una etiqueta auxiliar en el área de cabezal de idioma HTML. "C. Robots (asistente de robot)
Nota: Los robots se usan para decirle a la página Robot de búsqueda que se indexa y qué páginas no requieren índices.
Los parámetros de contenido son todos, ninguno, índice, noindex, siguen, nofollow. El valor predeterminado es todo.
Ejemplo:
<meta name = robotsContent = none>
Los parámetros específicos son los siguientes:
El parámetro de información es todo: el archivo se recuperará y los enlaces en la página se pueden consultar;
El parámetro de información es ninguno: el archivo no se recuperará y el enlace en la página no se puede consultar;
El parámetro de información es índice: el archivo se recuperará;
Se sigue el parámetro de información: el enlace en la página puede ser consultado;
El parámetro de información es NONEX: el archivo no se recuperará, pero los enlaces en la página pueden ser consultando;
El parámetro de información no esfollo: el archivo se recuperará, pero los enlaces en la página no se pueden consultar;
D, autor (autor)Nota: El autor en la página web
Ejemplo:
<meta name = autorContent = root, [email protected]>E, generador
<meta name = generatorContent = parámetro de información/>
El parámetro de información de la etiqueta Meta, representa qué producción de software se utiliza en el sitio web.
F, copyright<Meta name = copyrightContent = parámetros de información>
Los parámetros de información de derechos de autor de metaetics representan la información de derechos de autor del sitio web.
G, Revisit-después<Meta name = revisit-afterContent = 7days>
Revisit-después representó el sitio web para una re-visitante.
2. Atributo http-outivHTTP-Equiv, como su nombre lo indica, es equivalente al encabezado del archivo de HTTP.
El formato de atributo http-outiv de metaets es:
<meta http-oquiv = parámetro contenido = valor variable de parámetro>;
Los atributos HTTP-Equivs tienen principalmente los siguientes parámetros:
A, expira (fecha límite)Nota: Se puede usar 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.
uso:
<meta http-oquiv = expireContent = fri, 12jan200118: 18: 18GMT>
Nota: Se debe usar el formato de tiempo de GMT.
B. Pragma (modo de caché)Nota: Está prohibido visitar el contenido de la página desde el caché de la computadora local.
uso:
<meta http-oquiv = pragmacontent = no-cache>
Nota: De esta manera, los visitantes no podrán navegar.
C. Actualizar (actualizar)Nota: Actualice automáticamente y señale la nueva página.
uso:
<meta http-oquiv = refreshContent = 2;
Nota: El 2 de ellos se refiere a la actualización automática al sitio web de URL después de quedarse durante 2 segundos.
D. Set-Cookie (configuración de galletas)Explicación: si la página web expira, se eliminará la cookie de la tienda.
uso:
<meta http-equiviv = set-cookiContent = cookie value = xxx;
Nota: Se debe usar el formato de tiempo de GMT.
E, objetivo de ventanaNota: La página forzada se muestra en una página independiente en la ventana actual.
uso:
<meta http-oquiv = window-targetContent = _top>
Nota: Se utiliza para evitar que otros llamen a sus páginas en el marco.
F, tipo de contenido (configuración de conjuntos de caracteres de visualización)Nota: Establezca el conjunto de caracteres utilizado por la página.
uso:
<meta http-oquiv = content-typeContent = text/html;
Los detalles son los siguientes:
Cuando los parámetros de información del charol de meta etiqueta, como GB2312, significa que el código utilizado por el sitio web es chino simplificado;
Cuando los parámetros de información de la etiqueta meta, como Big5, significa que el código utilizado por el sitio web es chino tradicional;
Cuando los parámetros de información del caracol de la etiqueta meta, como ISO-2022-JP, significa que el sitio web se usa en japonés;
Cuando los parámetros de información de la metaetiqueta son como KS_C_5601, significa que el sitio web se usa en coreano;
Cuando los parámetros de información del charol de metaetics son ISO-8859-1, significa que la codificación del sitio web es inglés;
Cuando los parámetros de información de las metaetiquetas son UTF-8, representa la codificación del lenguaje del mundo;
G, contenido-lenguaje (configuración de la configuración del idioma)uso:
<meta http-oquiv = content-languageContent = zh-cn/>H, el control de caché especifica el mecanismo de caché de las solicitudes y la respuesta a seguir.
El control de caché especifica el mecanismo de caché de las solicitudes y la respuesta a continuación. Establezca el control de caché en el mensaje de solicitud o el mensaje de respuesta no modifica el proceso de caché durante otro proceso de procesamiento de mensajes. Las instrucciones de caché durante la solicitud incluyen sin cache, no-store, max-age, max-stare, min-fresh, on
Las instrucciones en respuesta en respuesta incluyen las instrucciones públicas, privadas, sin caché, sin tiendas, sin transformación, debe revalidar, proxy-revalidar, max-edad. El significado de las instrucciones en cada mensaje es el siguiente
La respuesta de indicación pública puede ser almacenada en caché por cualquier área de caché
Privado indica que el mensaje de respuesta total o parcial de un solo usuario no puede ser compartido por el caché. Esto permite al servidor describir solo el mensaje de respuesta cuando la parte del usuario de la respuesta, este mensaje de respuesta no es válido para las solicitudes de otros usuarios.
No-Cache indica que las solicitudes o los mensajes de respuesta no se pueden almacenar en caché
No se utiliza la tienda para evitar que la información importante se publique sin querer. El envío del mensaje de solicitud hará que el mensaje de solicitud y respuesta no use el caché.
Max-Age indica que el cliente puede recibir una respuesta de que el período de supervivencia no es mayor que el tiempo especificado (en segundos)
Min-Fresh indica que el cliente puede recibir el tiempo de respuesta menor que el tiempo actual más la respuesta de tiempo especificada
Max-Stale indica que el cliente puede recibir el mensaje de respuesta más allá del período de tiempo de espera. Si se especifica el valor del mensaje MAX-Stale, el cliente puede recibir el mensaje de respuesta dentro del valor especificado del tiempo de espera.
J, http-oquiv = imagetoolbar<meta http-oquiv = imageToolBarContent = false/>
Especifique si se muestra la barra de herramientas de la imagen, no se muestra como un representante falso, se muestra como el verdadero representante.
K, tipo de contenido-script<Meta http-oquiv = content-script-typeContent = text/javaScript>
Las especificaciones web W3C indican el tipo de script en la página.
Etiqueta HTML <Base>Especifique el método de apertura predeterminado para todos los enlaces en la página:
Por ejemplo:
<Base Target = _Self>
¡Todas las etiquetas en la página especificada se abren esta página!