ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

对meta标签的再次认识

2019-09-28 22:53:21  阅读:205  来源: 互联网

标签:浏览器 认识 标签 Compatible meta 内核 网页 页面


META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。

指定字符集

<meta charset="utf-8">

向搜索引擎说明网页的关键词

<meta name="keywords" content="关键词">

告诉搜索引擎你的站点的主要内容

<meta name="description" content="主要内容">

告诉搜索引擎你的站点的制作的作者

<meta name="author" content="Tiboo">

响应式页面

<meta name="viewport" content="width=device-width, initial-scale=1.0">

定时让网页在3秒内跳转到指定url

<meta http-equiv="refresh" content="3" url="https://huaban.com/">

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。

如果安装了谷歌浏览器内嵌框架 (Google Chrome Frame)简称GCF,则使用GCF来渲染页面 ("chrome=1"), 如果没有安装GCF,则使用最高版本的IE内核进行渲染 ("IE=edge")。X-UA-Compatible(浏览器采取何种版本渲染当前页面)

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

浏览器的内核控制

<meta name="renderer" content="webkit|ie-comp|ie-stand">

国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。

以360为例:只要在网站里增加一个meta标签,告诉360浏览器这个网站应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核,并将这个行为应用于这个二级域名下所有网址。

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 

标签:浏览器,认识,标签,Compatible,meta,内核,网页,页面
来源: https://www.cnblogs.com/Tiboo/p/11605304.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有