第98天 列举出你最常用的meta标签的写法和作用
禁止缓存 和不允许用户缩放
回过头来看,这道题好像就是问题的这个意思,当时不理解。
[html] 第28天 说说你对标签的理解
<meta>用来描述网页的元信息;诸如字符编码,浏览器引擎编译,文档信息等等;
charset:声明当前文档的字符编码,用于浏览器解析文档;如:<meta charset="UTF-8">
name:声明当前文档的元信息;常用的有viewport,keywords,description等;
viewport:文档视口设置,如初始视口大小(initial-scale),是否允许用户缩放(user-scalable)等;keywords:网页的关键字,常用于搜索引擎对于该网页的搜索关键字;description:网页的描述信息;http-equiv:可以用来设定一些属性改变服务器或浏览器引擎对文档的编译行为;我只用过X-UA-Compatible这个属性,该属性只支持IE8+的浏览器,可以设定IE浏览器的渲染引擎;如:
告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面
<meta http-equiv="X-UA-Compatible" content="IE=edge">
注:http-equiv和name的属性,属性值通过<meta>标签的content属性来设置;
参考文档:
1、 meta的作用
声明网页字符编码,描述网页元信息,浏览器引擎编译,文档信息
2、 meta的写法
(1)声明网页字符编码
<meta charset="UTF-8">
(2)声明当前文档的元信息;常用的有viewport,keywords,description, http-equiv等;
viewport:文档视口设置,如初始视口大小(initial-scale),是否允许用户缩放(user-scalable)等;
<meta name="viewport" content="user-scalable=yes;width=device-width;initial-scale=1">
keywords:网页的关键字,常用于搜索引擎对于该网页的搜索关键字;
<meta name="keywords" content="爱学习,爱学习加盟,网页的关键字">
description:网页的描述信息;
<meta name="description" content="“办学大平台,教学好口碑”。网页的描述信息">
http-equiv:可以用来设定一些属性改变服务器或浏览器引擎对文档的编译行为
告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Comptible"/>
<meta name="Render" content="webkit"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放
Most helpful comment
<meta>用来描述网页的元信息;诸如字符编码,浏览器引擎编译,文档信息等等;charset:声明当前文档的字符编码,用于浏览器解析文档;如:name:声明当前文档的元信息;常用的有viewport,keywords,description等;viewport:文档视口设置,如初始视口大小(initial-scale),是否允许用户缩放(user-scalable)等;keywords:网页的关键字,常用于搜索引擎对于该网页的搜索关键字;description:网页的描述信息;http-equiv:可以用来设定一些属性改变服务器或浏览器引擎对文档的编译行为;我只用过X-UA-Compatible这个属性,该属性只支持IE8+的浏览器,可以设定IE浏览器的渲染引擎;如:注:
http-equiv和name的属性,属性值通过<meta>标签的content属性来设置;参考文档: