HTML——meta标签用法和作用

2021-01-21 20:03:02 阅读：328 来源： 互联网

<meta charset="UTF-8">    //h5
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML

　　
2、指定名/值对定义元数据
　　name属性与content属性结合使用, name用来表示元数据的类型，表示当前<meta>标签的具体作用；content属性用来提供值。
　　<meta name="参数" content="具体描述信息">
举例：

<meta name="description" content="网站描述...">
<meta name="keywords" content="电商,美妆xxx">
<meta name="author" content="李四xxx">

　　元数据名称：　　　　　　　　(name的值) 说明
　　application 　　　　　　　当前页所属Web应用系统的名称
　　keywords 　　　　　　　　描述网站内容的关键词,以逗号隔开，用于SEO搜索
　　description 　　　　　　　　当前页的说明
　　author 　　　　　　　　　　当前页的作者名
　　copyright 　　　　　　　　版权信息
　　renderer 　　　　　　　　 renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面
　　viewreport 　　　　　　　　它提供有关视口初始大小的提示，仅供移动设备使用

renderer举例:

<meta name="renderer" content="webkit"> //默认webkit内核 
<meta name="renderer" content="ie-comp"> //默认IE兼容模式 
<meta name="renderer" content="ie-stand"> //默认IE标准模式

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

3、模拟http标头字段
　　http-equiv属性与content属性结合使用, http-equiv属性为指定所要模拟的标头字段的名称，content属性用来提供值。

　　<meta http-equiv="参数" content="具体的描述">

　　content-Type 声明网页字符编码:

<meta http-equiv="content-Type" content="text/html charset=UTF-8">

　　refresh 指定一个时间间隔(以秒为单位),在此时间过去之后从服务器重新载入当前页面,也可以另外指定一个页面.

<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">//2秒后在当前页跳转到百度

　　X-UA-Compatible 浏览器采取何种版本渲染当前页面

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //指定IE和Chrome使用最新版本渲染当前页面

　　expires 用于设定网页的到期时间，过期后网页必须到服务器上重新传输

<meta http-equiv="expires" content="Sunday 22 July 2016 16:30 GMT">

　　catch-control 用于指定所有缓存机制在整个请求/响应链中必须服从的指令

<meta http-equiv="cache-control" content="no-cache">

　　content的值及说明
　　　　public ：所有内容都将被缓存(客户端和代理服务器都可缓存)
　　　　private ：内容只缓存到私有缓存中(仅客户端可以缓存，代理服务器不可缓存)
　　　　no-cache ：必须先与服务器确认返回的响应是否被更改，然后才能使用该响应来满足后续对同一个网址的请求。因此，如果存在合适的验证令牌 (ETag)，no-cache 会发起往返通信来验证缓存的响应，如果资源未被更改，可以避免下载。
　　　　no-store ：所有内容都不会被缓存到缓存或 Internet 临时文件中
　　　　must-revalidation/proxy-revalidation ：如果缓存的内容失效，请求必须发送到服务器/代理以进行重新验证
　　　　max-age=xxx (xxx is numeric) ：缓存的内容将在 xxx 秒后失效, 这个选项只在HTTP 1.1可用, 并如果和Last-Modified一起使用时, 优先级较高

标签：缓存,标签,当前页,指定,content,HTML,meta,属性,页面
来源： https://www.cnblogs.com/lsm-boke/p/14310109.html

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

ICode9

HTML——meta标签用法和作用