重学 html の meta 标签
meta简介
网页元数据,常用于定义网页的编码、说明、关键字、修改日期及其他信息。这些数据服务于浏览器、搜索引擎等。
meta 标签的2个属性name
, http-equiv
。
<meta name="参数" content="具体的描述">。
name 属性
<!-- SEO 搜索引擎优化 --> <meta name="keywords" content="关键词"> <meta name="description" content="页面介绍"> <!-- 移动设备Viewport --> <meta name="viewport" content="initial-scale=1"> <!-- 关闭iOS电话号码自动识别 --> <meta name="format-detection" content="telphone=no"> <!-- 360浏览器指定内核 --> <meta name="renderer" content="webkit">
http-equiv 属性
http-equiv 模拟 http 服务器响应头。
X-UA-Compatible
用于告知浏览器以何种版本来渲染页面。(一般都设置为最新模式,在各大框架中这个设置也很常见。)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> /
cache-control
控制缓存。
<meta http-equiv="cache-control" content="no-cache">
共有以下几种用法:
no-cache: 协商缓存。先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。
public : 缓存所有响应,但并非必须。
private : 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)
maxage : 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。
指定编码
<meta charset="UTF-8">插播: doctype用于指定文档标准和版本,浏览器根据该值采用哪种渲染模式。
相关推荐
lengyu0 2020-05-20
百年da孤独 2020-03-27
柳永法的个人 2020-02-13
qsdnet我想学编程 2020-01-29
wwwxuewen 2020-01-19
yanweiqi 2019-12-12
WebVincent 2019-11-19
书虫媛 2019-10-29
scdn 2015-06-12
galilajiao00 2015-06-03
opspider 2020-06-28
ZHANGRENXIANG00 2020-06-28
明瞳 2020-06-10
lanzhusiyu 2020-06-09
HSdiana 2020-06-03
PengQ 2020-05-26
HSdiana 2020-05-11
haidaoxianzi 2020-04-18