Las metaetiquetas son una etiqueta auxiliar en el área de la cabeza del idioma HTML. Se encuentran entre la etiqueta de cabeza y la etiqueta de título en el cabezal del documento HTML. Proporcionan información que no es visible para el usuario.
Meta: es decir, los metadatos son la información de datos de los datos.
Los metadatos pueden ser llamados por un navegador (cómo mostrar contenido o recargar una página), motor de búsqueda (palabra clave) u otro servicio web.
En nuestras palabras simples, es una etiqueta inútil en sí, pero una vez que algunos efectos se establecen dentro de ella a través de otras propiedades, funciona, por lo que la llamamos metadatos.
< content = webkit/> <!-Si el complemento de cuadro de Google Chrome está instalado, se ve obligado a ser el núcleo de Chromium, de lo contrario, la versión más alta del kernel IE admitido por la máquina se ve obligado a usarse en los navegadores de IE-> <meta http-outiv = x-ua compatible contenido = ie = borde = 1/> <<!-set el stit de la ventana widtth set de la ventana widtth de la ventana. Un entero positivo, o el enlace de ancho de ancho de cadena establece el valor de escala inicial de la página, como un número, puede tomar el valor de escala mínimo del usuario, como un número, puede tomar el valor de escala máximo del usuario, como un número puede tomar el valor máximo de escala del usuario, como un número de escala máximo de escala del usuario, como un número, puede tomar el número de inicio de la decisión. IOS9, si se necesita utilizar el atributo anterior, esta altura debe agregarse para establecer la altura de la vista de la vista. Este atributo no es importante para nosotros. Raramente se usa para usar el usuario escalable si el usuario puede escalar, el valor no es o sí, no se permite no permitirse, sí significa permitir-> <meta name = viewport content = width = width de dispositivo, escala inicial = 1.0, contracción a fit = no, mínimo-escala = 1.0, maximum-scale = 1.0, user-scalable = no/> <<!-Page de la página-<scentre de meta name de MetAnside = MetAde de MetAment. caracteres/> <!-Page Keywords-> <meta name = keywords content =/> <!-web autor-> <meta name = autor content = name, correo electró[email protected]/> <!-El motor de búsqueda rastreó todo: el archivo se recuperará y se pueden obtener los enlaces en la página; Ninguno: el archivo no se recuperará y los enlaces en la página no se pueden consultar; Índice: el archivo se recuperará; Siga: se pueden consultar los enlaces en la página; Noindex: el archivo no se recuperará; Nofollow: no se puede consultar el enlace en la página. -> <meta name = robots content = index, seguir/> <!-Ignore el número en la página que se reconocerá como un teléfono, ignore el reconocimiento de correo electrónico-> <meta name = format-detection content = telphone = no, correo electrónico = no/> <!-iOS begin-> <!--Título de la pantalla de inicio (nuevo Título de IOS 6)--> <Nombre de meta = Nombre de meta. Agregado a la pantalla de inicio, la barra de direcciones se puede ocultar, y es solo para iOS Safari (después de la versión de iOS7.0, el efecto ya no es visible en Safari)-> <meta name = Apple-Mobile-Web-app-Capable Content = yes/> <!-si habilita webApp-webApp-full-flow/shele- delgue de manzana predeterminada y barra de menú-> <meta name = manze-touch-fly fully content. Agregue Smart App Ad Bar Smart App Banner (iOS 6+ Safari)-> <meta name = Apple-iTunes-app Content = app-id = myAppStoreID, afiliate-data = myaffiliedata, app-argument = myurl> <!-Establecer el color de la barra de herramientas de Apple: el valor predeterminado es predeterminado (blanco), que se puede establecer en negro (negro) y negro-translucente (gris translucente)--meta translucente)--Meta meta)-Meta meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta-Meta. name = Apple-Mobile-Web-App-status-Bar-Style Content = Black /> <!-No permita que Baidu transcode-> <meta http-oquiv = cache-confuntrol content = no-siteApp /> <!-optimizado para dispositivos handheld, principalmente para algunos navegadores antiguos que no reconocen visiones de visualización, tales como blackberry-> <s meta name El antiguo navegador de Microsoft-> <meta name = mobilePtimized content = 320> <!-UC Force Pantalla vertical-> <meta name = screen-orientation content = retritat> <!-qq force pantalla vertical-> <meta name = x5-orientation content = retrit> <!-scree de force force boquin-> <name de meta = contenido completo = sí> <! name=x5-fullscreen content=true><!-- UC application mode --><meta name=browsermode content=application><!-- QQ application mode --><meta name=x5-page-mode content=app><!-- windows phone Click without highlights --><meta name=msapplication-tap-highlight content=no><!-- iOS icon begin The icon when adding the website to the iOS desktop --><!-- iPhone and itouch, predeterminado 57x57 píxeles, debe tener-> <link rel = Apple-touch-icon-precomed tames = 57x57 href = table_ico57.png> <!-Retina iPhone y Retina itouch, 114x114 píxeles, puede ser sin, pero se recomienda tener-> <enlace rel = Apple-touch-icon-Provoleds-Provised Sates = 7222 href = table_iCo72.png> <link rel = Apple-touch-icon-precomed tames = 114x114 href = table_ico114.png> <!-iPad de retina, 144x144 píxeles, puede ser sin embargo, pero se recomienda tener-> <Link rel = Apple-touch-icon acompañado = 144x14444444444444444 href = table_ico144.png> <!-IOS Startup Screen Begin-> <!-Ipad Pantalla vertical 768 x 1004 (Resolución estándar)-> <Link Rel = Apple-Touch-Startup-Image Tames = 768x1004 Href =/SPLASH-C-CREEN-768X1004.PNG/> <!-IPAD HORIZTAL 1024X74444444X4X4X744X4X4X4X4X4X4X -> <Link Rel = Apple-Touch-startup-Image tames = 1024x748 href =/default-Portrait-1024x748.png/> <!-pantalla vertical de iPad 1536x2008 (retina)-> <Link rel = Apple-startup-Image tamaños = 1536X2008 href =/splash-screen-1536x2008.png/> <!-pantalla horizontal de iPad 2048x1496 (retina)-> <link rel = Apple-touch-startup-image = 2048x1496 href =/splash-screen-2048x1496.png/> <!-iPhone/iPhone/ipod touch pantalla 320X48 (Resolución estándar)-> <Link rel = Apple-touch-startup-image href =/splash-screen-320x480.png/> <!-pantalla vertical de iPhone/iPod touch 640x960 (retina)-> <link rel = Apple-touch-startup-image tamaños = 640x960 href=/splash-screen-640x960.png/><!-- iPhone 5/iPod Touch 5 vertical screen 640x1136 (Retina) --><link rel=apple-touch-startup-image sizes=640x1136 href=/splash-screen-640x1136.png/><!-- IOS end --><!-- Windows 8 tile color -> <meta name = msapplication-tilecolor content =#000/> <!-Windows 8 icono de mosaico-> <meta name = msApplication-TileImage Content = icon.png/> <!-Agregar suscripción RSS-> <Link Rel = alternate Type = Application/RSS+XML Title = RSS HREF =/RSS.XML/> <<! 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 Content = Picture/> <Meta Property = Og: Descripción Content = Descripción/> <!-Sns Social Tag Fin->>>Problemas de acceso con una versión inferior del navegador IE
Agregue el código que obliga al núcleo WebKit. No existe un problema de compatibilidad con IE con el uso de navegadores nacionales para acceder a sitios web, y el número de visitantes de IE se reducirá considerablemente. Pero todavía es inevitable que se accedan a algunas computadoras antiguas a través de la versión inferior del navegador IE. Si realizamos CSS Hack específicamente para este pequeño número de usuarios, aumentará seriamente nuestra carga de trabajo.
Además, desde enero de 2016, Microsoft ha dejado de proporcionar soporte y actualizaciones al IE11 a continuación. No se ha actualizado durante tanto tiempo. El IE de baja versión no solo tiene problemas con el soporte CSS3 y HTML5, sino que también tiene problemas de seguridad.
Entonces, si no admitimos el IE de baja versión, ¿qué deberían hacer estos pequeños número de usuarios?
Podemos usar la instrucción IF IE para agregar indicaciones de actualización de IE al sitio web, lo que solicita a los usuarios que actualicen su navegador o cambien a navegadores más avanzados antes de acceder.
Podemos agregar una pieza de código para saltar a la página de solicitud de actualización de IE en la metaetiqueta justo ahora (saltar cuando la versión de IE es más baja que IE11), de modo que los usuarios de versiones más bajas de IE les soliciten que actualicen o cambien su navegador al acceder.
Force el núcleo WebKit y solicite al usuario que actualice el código completo del usuario de acceso de IE de baja versión como se muestra a continuación. Agregue este código al archivo de plantilla de cabezal <Evta> etiqueta:
<meta name = renderer content = webkit/> <meta name = force-rendering content = webkit/> <meta http-oquiv = x-ua compatible content = ie = bord, chrome = 1/> <script>/*@cc_on Window.location.href = http: //support.dmeng.net/upgrade-your-browser.html? referrer =+encodeUnicOponsonent (window.location.href); @*/</script>
(@cc_on es una declaración de compilación condicional exclusiva de IE10 y versiones anteriores de IE, por lo que se puede usar para determinar si otras versiones de IE distintas de IE11).
Debido a que el IE de baja versión a menudo es incompatible con los sitios web CSS3 y HTML5 cuando se accede, se agrega el código anterior, y cuando el usuario de baja versión, IE, accede, saltará a la página de solicitud de actualización para evitar la carga innecesaria de los recursos y reducir la sobrecarga del servidor del sitio web.
Código de prueba<!DOCTYPE html><html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <meta name=renderer content=webkit/> <meta name=force-rendering content=webkit/> <meta http-oquiv = x-ua compatible content = ie = borde, chrome = 1/> <script>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-your-browser.html? referRer =+encodeUniComponent (window.locational.href); @*/</script> </head> <body> <h1> Hello World </h1> </body> </html>
IE 11 saldrá normalmente
Es decir, 10 verá la página siguiente
referirse aUn resumen del uso de meta front -end - MR_LIXP
Obliga al navegador a usar el modo de velocidad del núcleo WebKit a través del meta código (resolviendo ese meta name = renderer content = webkit no funciona)- [ai huanhuan]
Meta Configuración para páginas web móviles - Tianya Passerby
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.