设计 导航 页面设置 CSS变量 优秀前端框架推荐

页面设置

开发中可以通过 head 标签对网页进行设置。

元数据 META

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。

字符集 Charset

<meta charset="utf-8"> 设置页面字符集为UTF-8。UTF为全球语言,对中文以及其他语言支持的更友好;另外还有GB2312、GBK等编码。

视窗 Viewport

metaviewport 属性是针对移动端窗口显示优化的,可以设置设置多个值,多值之间用英文逗号隔开。分别支持以下的值:

常见设置如:
<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

metaformat-detection 属性是针对移动端文本内容中电话号码、邮箱、地址检测的。分别支持以下的值:

常见设置如:
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">

参考资料:Meta标签中的format-detection属性及含义