1、name项:常用的选项有keywords(关键字) ,description(网站内容描述),author(作者),robots(机器人向导)等。
<meta name="keywords" content="blog" /> keywords(关键字)
<meta name="description" content="blog" /> description(网站内容描述)
<meta name="author" content="w3school.com.cn"> author(作者),
<meta name="revised" content="David Yang,8/1/07"> 定义页面的最新版本
2、http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。
3、content项:根据name项或http-equiv项的定义来决定此项填写什么样的字符串。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
content
属性值 :
width
:可视区域的宽度,值可为数字或关键词device-widthheight
:同widthintial-scale
:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放maximum-scale=1.0, minimum-scale=1.0
:可视区域的缩放级别,maximum-scale
表示用户可将页面放大的程度,1.0将禁止用户放大到实际尺寸之上。user-scalable
:是否可对页面进行缩放,no 禁止缩放