body{background:red;}metameta中有几个常见的属性:http-equiv、name、content,包括html5新的charset。注意:content属性用来存放meta信息的内容,主流浏览器都支持,但很少单独使用。我们一般使用http-equiv或name来定义内容属性信息的名称(或值),http-equiv和name在一个meta中通常只能使用其中之一。现在介绍常用的,再介绍一些其他的。常用名称有:application-name//表示web应用作者的名字//指定文档作者的名字description//页面的描述,SEO需要用到keywords//页面的关键字,用逗号上,SEO需要使用编码格式windowwidthwidth:用于设置视图窗口的宽度,可以设置为device-width(设备的宽度),或者自定义值。initial-scale:用于设置缩放比例,可以是任意数值。minimum-scale:用于设置最小缩放比例。maximum-scale:用于设置最大缩放比例。user-scalable:用于设置是否禁止用户缩放页面。自动识别电话:是否阻止浏览器识别页面上的电话号码。no:禁止,yes不禁止eamil:是否使用浏览器识别页面中的邮箱地址。no:禁止,yes不禁止使用http-equiv模拟一个HTTP响应头我们都知道HTML4.0.1定义html文档的编码方式如下:但是在HTML5中我们可以这样定义:那么除了这个使用场景,它还有其他的使用场景吗?如果强制刷新页面,可以输入如下代码:如上代码表示:强制浏览器每3秒刷新一次。但请谨慎使用。当然,还有一些其他有用的效果。如果你想为应用定义多套样式,然后根据用户的选择加载不同的样式,你可以设置http-equiv为default-style,然后你设置的content的值为link或者是对应的值风格。详情请参考以下代码:body{background:red;}body{background:green;}之前不知道在style或者link中添加title有什么用,但是上面的例子就是它的用途之一。苹果设备的设置//下面的代码来自天猫手机网页//允许应用程序以全屏模式运行//应用的标题可以和页面的标题不同//配置app的状态栏,可以设置为默认、黑色、黑色半透明。状态栏设置请参考更改渐进式网络应用的iOS状态栏。当然,我们也可以为书签或快捷键设置图标。可以参考下面的代码:可以根据不同机型设置不同的尺寸设备。您还可以设置其启动背景图像。可以参考如下代码:当然我们也可以设置其他meta来控制不同浏览器和不同搜索引擎的行为。其他meta的使用可以参考getheadmeta或者模拟原生IOS效果。更多前端相关资源请关注我的github