页面设置
开发中可以通过 head
标签对网页进行设置。
元数据 META
<meta>
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
字符集 Charset
<meta charset="utf-8">
设置页面字符集为UTF-8。UTF为全球语言,对中文以及其他语言支持的更友好;另外还有GB2312、GBK等编码。
视窗 Viewport
meta
的 viewport
属性是针对移动端窗口显示优化的,可以设置设置多个值,多值之间用英文逗号隔开。分别支持以下的值:
-
width:设置
layout viewport
的宽度,为一个正整数,或字符串"width-device
"; -
initial-scale:设置页面的初始缩放值,为一个数字,可以带小数;
-
minimum-scale:设置允许用户的最小缩放值,为一个数字,可以带小数;
-
maximum-scale:设置允许用户的最大缩放值,为一个数字,可以带小数;
-
height:设置
layout viewport
的高度,这个属性对我们并不重要,很少使用; -
user-scalable:设置是否允许用户进行缩放,值为 "
no
" 或 "yes
",no
代表不允许,yes
代表允许;
常见设置如:<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
参考资料:viewport 深入理解 HTML <meta> 标签
格式检测 FormatDetection
meta
的 format-detection
属性是针对移动端文本内容中电话号码、邮箱、地址检测的。分别支持以下的值:
-
telephone:主要作用是,是否设置自动将你的多位连续的数字转化为拨号连接,值为 "
no
" 或 "yes
"; -
email:告诉设备是否识别邮箱账号,
no
表示点击之后不自动发送(跳转到邮箱应用),值为 "no
" 或 "yes
"; -
adress:告诉设备是否识别地址,
no
表示点击之后不打开地址(跳转到地图应用),值为 "no
" 或 "yes
";
常见设置如:<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">