As metatags são uma etiqueta auxiliar na área principal da linguagem HTML. Eles estão localizados entre a etiqueta da cabeça e a tag de título na cabeça do documento HTML. Eles fornecem informações que não são visíveis ao usuário.
Meta: isto é, os metadados são as informações de dados dos dados.
Os metadados podem ser chamados por um navegador (como exibir conteúdo ou recarregar uma página), mecanismo de pesquisa (palavra -chave) ou outro serviço da web.
Em nossas palavras simples, é uma etiqueta inútil, mas uma vez que alguns efeitos são definidos dentro dela através de outras propriedades, funciona, por isso a chamamos de metadados.
<!-Definir a codificação de caracteres do documento-> <meta charset = utf-8 /> <!-Forçar o núcleo de cromo, que atua em navegadores de núcleo duplo doméstico, como 360 navegadores, navegadores qq, etc.-> <meta nome = renderizador = webkit /> <!-force o kernel kernel, que o knern, que o renderizador de que o render Nome = conteúdo da renderização de força = webkit/> <!-Se o plug-in do quadro do Google Chrome for instalado, ele será forçado a ser o kernel de cromo, caso contrário, a versão mais alta do kernel do IE suportada pela máquina é forçada a ser usada em que os navegadores do IE = ie = ie = ie/http-equiv = x-ua-compatible of layout viewport to a positive integer, or the string width-device initial-scale Set the initial scaling value of the page, as a number, it can take the minimum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the maximum scaling value of the user, as a number, it can take the decimal encolhimento para ajuste = não em ios9, se o atributo anterior precisar ser usado, essa altura precisará ser adicionada para definir a altura da viewport de layout. Este atributo não é importante para nós. Raramente é usado para usar o usuário escalável, independentemente de o usuário escalar, o valor é não ou sim, não é permitido, sim, significa permitir-> <meta name = ViewPort Content = width = largura do dispositivo, escala inicial = 1,0, não-scalable = não, escala mínima = 1.0, máxima-escala = 1.0, não-scalable = não/não/não/não/não/não/não-scalable = não/não/não-scalable = não/não-escala = 1,0, não-scalable = não-scalable = não/não-escala = 1,0, não-scalable = não-scalable = não/não/não/não/não-scalable = não/não/não/. caracteres/> <!-PAGE PORPAGENS-> <meta nome = palavras-chave conteúdo =/> <!-Autor da web-> <meta nome = conteúdo do autor = nome, [email protected]/> <!-Pesquise mecanismo rastejando tudo: o arquivo será recuperado, e os links na página podem ser consultados; Nenhum: o arquivo não será recuperado e os links na página não podem ser consultados; ÍNDICE: O arquivo será recuperado; Siga: Os links na página podem ser consultados; Noindex: o arquivo não será recuperado; Nofollow: O link na página não pode ser consultado. -> <meta nome = robots Content = Índice, siga/> <!-ignore o número na página a ser reconhecido como um telefone, ignore o reconhecimento de email-> <meta nome = formato de detecção de conteúdo = telphone = não, email = não/> <!-ions bet-> <! Adicionado à tela inicial, a barra de endereços pode ser oculta e é apenas para iOS Safari (após a versão iOS7.0, o efeito não é mais visível no safari)-> <meta nome = Apple-Mobile-Web-App-Capa Content = SIM/> <!-Se para Enable WebApp Modo, exclua o nome da Apple-Capable e Menu. Smart Ap Ad Ad Barr Smart App Banner (iOS 6+ safari)-> <meta nome = Apple-itunes-app content = app-id = myAppStoreid, afiliado-data = myAffiliatedata, app-argument = myurl> <!-Definir a cor da barra de ferramentas da Apple: o valor padrão é padrão (branco), que pode ser definido para preto (! Nome = Apple-Mobile-Web-App-Status-Bar-Bar Content = Black /> <!-Não permita que o Baidu seja transcodificado-> <meta http-equiv = conteúdo de controle de cache = não-siteApp /> <!-otimizado para dispositivos de mão, principalmente para alguns Browsers antigos que não reconhecem os Jejumports, Justize (não-Blackern), como Minister), como MandalMer (não-S-Blacker), como MandalMer (não-samas) <!-Otimizado para dispositivos de mão, principalmente para alguns Browsers antigos que não reconhecem os Jejumports, Justize (não-Blackern), como MandalMer (não-samas) <!-Otimizado para dispositivos de mão, principalmente para alguns Browsers antigos que não reconhecem os Jejumports, Justize, principalmente para os BlackerTers). content = true> <!-navegador antigo da Microsoft-> <meta nome = conteúdo móvel otimizado = 320> <!-UC Screen vertical de força-> <meta name = Screen-orientação conteúdo = retrato> <!-qq Screen vertical de força-> <meta name = x5-orientation -> <meta nome = x5-FullScreen Content = true> <!-Modo de aplicativo uc-> <meta nome = BrowSermode Content = Application> <!-Modo de aplicativo QQ-> <meta nome = x5-página-mode content = App> <!-Windows Phone Clique sem destaque -> <!-iPhone e ITOUCH, padrão de 57x57 pixels, deve ter-> <link rel = tamanhos de maçã-touch-icon-compostos = 57x57 href = tabela_ico57.png> <!-retina iphone e retina iTouch, 114x114 pixels, pode ser sem, mas não é recomendado para ter-114x114 pixels, pode ser sem, mas não é o que não é o que não é o que não é. tamanhos = 72x72 href = tabela_ico72.png> <link rel = tamanhos precemomes de maçã-touch-icon = 114x114 href = tabela_ico114.png> <!-Retina ipad, 144x144 pixels, pode ser sem, mas é recomendado para ter-> href = tabela_ico144.png> <!-Tela de inicialização do iOS começo-> <!-tela vertical do iPad 768 x 1004 (resolução padrão)-> <link rel = tamanhos de imagem-screen-screen-768x1004.png/href = screen-screen-768x1004.png/> <! -> <link rel = Apple-Touch-startUp-Image Tamanhos = 1024x748 href =/default-portrait-1024x748.png/> <!-Tela vertical do iPad 1536x2008 (retina)-> <link Rel = Apple-touch-startup-imagem href =/splash-screen-1536x2008.png/> <!-tela horizontal do iPad 2048x1496 (retina)-> <link rel = tamanhos de screet-screet-screet-8/ipsphone8xxx1x11496/scretp-screet-screet-screet8xxx1xx1x1496 (splash-screen-22048x1496.png. Resolução)-> <link rel = Apple-Touch-StartUp-Image Href =/Splash-Screen-320x480.png/> <!-iPhone/iPod Touch Screen vertical 640x960 (retina)-> <link Rel = Apple-Touch-startup-image-sage = 640x960 href =/smash =/shets-strerereen 5/ipod toque 5 tela vertical 640x1136 (retina)-> <link rel = tamanhos de maçã-touch-startup-imagem = 640x1136 href =/splash-screen-640x1136.png/> <!-ios end-> <! -> <meta name = msApplication-tileImage Content = icon.png/> <!-Adicione assinatura RSS-> <link rel = alternativa tipo = aplicativo/rss+xml title = rss href =/rss.xml/> <!-SNS Social Tag-> <!-Referência WeBO METI-> Content = Endereço URL/> <META PROPRIEDADE = OG: Título Content = Title/> <META Property = OG: Image Content = Image Content = Picture/> <META Property = OG: Descrição Content = Descrição/> <!-SNS Social Tag End->Problemas de acesso com versão inferior do navegador do IE
Adicione código que força o kernel do webkit. Não existe um problema de compatibilidade do IE no uso de navegadores domésticos para acessar sites, e o número de visitantes do IE será bastante reduzido. Mas ainda é inevitável que alguns computadores antigos sejam acessados através da versão inferior do navegador do IE. Se executarmos o hack do CSS especificamente para esse pequeno número de usuários, ele aumentará seriamente nossa carga de trabalho.
Além disso, desde janeiro de 2016, a Microsoft parou de fornecer suporte e atualizações para o IE11 abaixo. Não foi atualizado há tanto tempo. O IE de baixa versão não apenas tem problemas com o suporte a CSS3 e HTML5, mas também tem problemas de segurança.
Então, se não suportarmos uma versão baixa, ou seja, o que esse pequeno número de usuários deve fazer?
Podemos usar a instrução IE para adicionar os avisos de atualização do IE ao site, levando os usuários a atualizar o navegador ou mudar para navegadores mais avançados antes de acessar.
Podemos adicionar um pedaço de código para pular à página de prompt de atualização do IE na metatag agora (saltar quando a versão do IE for menor que o IE11), para que os usuários de versões mais baixas do IE os solicitem a atualizar ou alterar o navegador ao acessar.
Força o kernel do webkit e solicite ao usuário a atualizar o código completo do usuário de acesso de baixa versão, ou seja, conforme mostrado abaixo. Adicione este código ao arquivo do modelo de cabeça <ad Head> Tag:
<meta nome = conteúdo do renderizador = webkit/> <meta nome = conteúdo de renderização de força = webkit/> <meta http-equiv = x-ua compatível com conteúdo = ie = borda, chrome = 1/> <cript>/*@cc_on window.Location.href = http: //support.dmeng.net/upgrade-your-browser.html? referentr =+codeuricomponent (window.location.href); @*/</script>
(@cc_on é uma declaração de compilação condicional exclusiva do IE10 e versões mais antigas do IE, para que possa ser usado para determinar se outras versões do IE que não sejam o IE11.)
Como o IE de baixa versão é frequentemente incompatível com os sites CSS3 e HTML5 ao acessar, o código acima é adicionado e, quando o usuário de baixa versão, ou seja, os usuários de acesso, ele pulará para a página Prompt de atualização para evitar carregamento desnecessário de recursos e reduzir a sobrecarga do servidor do site.
Código de teste<! Doctype html> <html lang = en> <head> <meta charset = utf-8/> <meta name = ViewPort Content = width = dispositivo de dispositivo, escala inicial = 1.0/> <Title> http-equiv = conteúdo compatível com X-UA = ie = Edge, Chrome = 1/> <Cript>/*@cc_on window.location.href = http: //support.dmeng.net/upgrade-browser.html? @*/</script> </ad Head> <body> <h1> olá mundial </h1> </body> </html>
Ou seja 11, será exibido normalmente
Ou seja, 10 verá a seguinte página
consulteUm resumo do uso de meta front -end - mr_lixp
Força o navegador a usar o modo de velocidade do kernel do webkit através do meta-código (resolvendo esse meta nome = conteúdo do renderizador = webkit não funciona)- [ai huanhuan]
Meta Configurações para páginas da web móveis - Tianya Passerby
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.