手机网页的HTML

元数据：

定义缓存：

    <meta http-equiv="Cache-Control" content="">

    content的值：

        public：任何地方可以缓存网页；

        private：单个用户私有，会在一个私有缓存区缓存网页，缓存的网页仅能发送给单个客户端；

        no-cache：不能缓存在任何缓存区域；  

        no-store：响应和导致该响应的请求不能存储在任何缓存区内；

        no-transform：代理有可能修改HTTP响应的包头字段，该设置为不允许修改；

        must-revalidate：HTTP允许缓存在某些特定情况下返回过期数据；

        proxy-revalidate：与must-revalidate基本相同，但不应用到非共享的缓存；

        max-age：以秒为单位的缓存最大过期时间；

        s-maxage：用于代理的共享缓存，对于代理，可以覆盖max-age。

应用程序名：

    <meta name="application-name" content="应用程序名字">

超链接：

    邮箱链接：<a href="mailto:349035382@qq.com">发送邮件</a>

    电话链接：<a href="tel:134-303-76410">拨打号码</a>

    短信链接：<a href="sms:13430376410">发送短信</a>

输入模式（inputmode）：

    通常为input、textarea增加该属性；

    数字：inputmode="digits"

    拉丁小字：inpuymode="latin lowerCase"

视点：决定网页的布局区域。

    手机上浏览器没有窗口概念，没有滚动条，不能进行大小调整；

    手机浏览器与桌面浏览器有不同交互方式；

    手机上的视点不等同于浏览器的可视区域，手机上的浏览器设定了一个固定、默认的视点大小。

@viewport规则

max-height：定义视点最大高度（数值、百分比、auto、device-height）

max-width：定义视点最大宽度（数值、百分比、auto、device-width）

max-zoom：定义视点所允许最大缩放比例（数值、百分比、auto）

min-height：定义视点最小高度（数值、百分比、auto、device-height）

min-width ：定义视点最小高度（数值、百分比、auto、device-width ）

min-zoom：定义视点所允许最大缩放比例（ 数值、百分比、auto）

orientation：指定设备方向（auto、竖屏portrait、横屏landscape）

resolution：分辨率（auto、dpi、dpcm）

user-zoom：是否允许用户缩放（zoom可以、fixed不允许）

height：同时定义最大、最小高度

width：同时定义最大最小高度

zoom：指定初始缩放比例