说来惭愧,以前从未重视过meta 只是以为这些都是固定的写法,标记网页语言。周末去图书馆看了HTML5从入门到精通 关于meta 才知道里面的知识点很多很大:明天整理
转自(目录很清晰):http://www.haorooms.com/post/html_meta_ds
http://www.haorooms.com/post/html_meta_ds
https://www.cnblogs.com/mominger/p/4534130.html
name 参数
<meta name="参数" content=" 具体描述">
A. keywords(关键字):用于告诉搜索引擎,你网页的关键字
<meta name = 'keywords' content = ' 博客 ,文科生,前端' >
B. description(网站内容描述):告诉搜索引擎,你网站的内容
<meta name = ' description' content = '理科生,热爱前端与编程。这是我的前端博客'>
C. viewport (移动端窗口) : 设计移动端页面
<meta name = 'viewport' content = 'width=device-width , intial-scale=1'>
D. robots (定义搜索引擎爬虫的索引方式):用来告诉爬虫哪些页面需要索引,哪些页面不需要索引
<meta name = 'robots' content = 'none' >
content 参数
1.none 搜索引擎将忽略网页,等价于noindex ,nofollow
2.noindex 搜索引擎不索引此网页
3.nofollow 搜索引擎将不继续通过此网页的链接索引搜索其它页面
4.all 搜索引擎索引此网页与继续通过此网页的链接索引,等价于index,follow
5.index 搜索引擎索引此网页
6.Follow 搜索引擎继续通过此网页的链接索引搜索其它的网页
E author (作者): 用于标注网页作者
<meta name = ‘author’ content = ‘lxxyxx,123456789@163.com’>
F generator(网页制作):标明网页使用什么软件编写的
<meta name = ‘generator’ content=’Sublime Text3’>
G copyright(版权):用于标注版权信息
<meta name = ‘copyright’ content = ‘lxxyx’>//代表该网站为lxxyx个人版权所有
H revisit-after(搜索引擎爬虫 重访时间):如果页面不经常更新,为了减轻搜索引擎爬虫对服务器带来的压力,可以设置一个爬虫的重访时间。如果重访时间过短,爬虫将按他们定义的默认时间访问。
<meta name = ‘revisit-after’ content=’7 days’ >
I. renderer(双核浏览器渲染方式):renderer 专门为双核浏览器装备的,用于指定双核浏览器默认以何种方式渲染页面,比如360浏览器
<meta name = ‘renderer’ content=’webkit’>//默认webkit内核
<meta name = ‘renderer’ content=ie-comp>//默认IE 兼容模式
<meta name = ‘renderer’ content=ie-stand>//默认IE标准模式
2.http-equiv属性
<meta http-equiv="参数" content="具体的描述">
A.content-Type(设定网页字符集)
<meta http-equiv=’content-Type’ content=’text/html;charset=utf-8’>//旧的HTML,不推荐GB2312时,代表说明网站是采用的编码是简体中文;ISO-8859-1时,代表说明网站是采用的编码是英文;UTF-8时,代表世界通用的语言编码;
<meta charset=’utf-8’>//html5设定网页字符集的方式,推荐使用UTF-8
B. X-UA-Compatible(浏览器采取何种版本渲染当前页面)
<meta http-equiv=’X-UA_Compatible’ content=’IE=edge,chrome=1’>//指定IE和Chrome使用最新版本渲染当前页面
C. Cache-control(指定请求和响应遵循的缓存机制):
<meta http-equiv=’cache-control’ content = ‘no-cache’>
no-cache 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
no-store 不允许缓存,每次都要去服务器上下载完成的响应。(安全措施)
public 缓存所有响应,但并非必须。因为max-age也可以做到相同效果
private只为单个用户缓存,不能被共享缓存处理(譬如CDN不允许缓存private的响应)
max-age 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age = 60 表示响应可以再缓存和重用60秒
no-siteapp 禁止百度转码
D expires(网页到期时间):用于设定网页的到期时间,过期后网页到服务器重新传输
<meta http-equiv =’expires’ content=’Sunday 26 October 2016 01:00’>
E refresh(自动刷新并指向某页面):将在设定的时间内,自动刷新并调向设定的网址
<meta http-equiv=’refresh’ content = ‘2;URL=http:www.baidu.com’>//2秒后跳向百度
F set-cookie(cookie 设定):如果网页过期,那么这个网页存在本地的cookies也会被删除
<meta http-equiv=”set-cookie” content=”name,data”>//格式
<meta http-equiv=”set-cookie” content="cookie value=xxx;expires=Friday,12-Jan-2001 18:18:18GMT;path=/">
PS:收录了大部分meta用法,后期有项目需求,继续添加