一、头部设置
<!--页面窗口自动调整到设备宽度,并禁止用户及缩放页面--> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" /> <!-- 属性基本含义: content="width=device-width: 控制 viewport 的大小,device-width 为设备的宽度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 --> <!--忽略将页面中的数字识别为电话号码--> <meta content="telephone=no" /> <!--忽略Android平台中对邮箱地址的识别--> <meta content="email=no" /> <!--当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari--> <meta content="yes" /> <!--将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式--> <!-- 可选default、black、black-translucent --> <meta content="black" />
模型:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta content="yes"> <meta content="black"> <meta content="telephone=no"> <meta content="email=no"> <title>标题</title> <link href="/favicon.ico"> </head> <body> 内容 </body> </html>
二、拨号、短信、邮件
<a href="tel:15602512356">打电话给:15602512356</a> <a href="sms:10010">发短信给: 10010</a> <!--IOS--> <a href="mailto:tugenhua@126.com?cc=879083421@qq.com">填写抄送地址</a> <a href="mailto:tugenhua@126.com?cc=879083421@qq.com&bcc=aa@qq.com">填上密件抄送地址</a> <!--Android--> <a href="mailto:tugenhua@126.com?879083421@qq.com">填写抄送地址</a> <a href="mailto:tugenhua@126.com?879083421@qq.com?aa@qq.com">填上密件抄送地址</a> <a href="mailto:tugenhua@126.com;879083421@qq.com;aa@qq.com">包含多个收件人、抄送、密件抄送人,用分号隔(;)开多个收件人的地址即可实现</a> <a href="mailto:tugenhua@126.com?subject=【邀请函】">包含主题,可以填上主题</a> <a href="mailto:tugenhua@126.com?body=包含内容,用">包含内容,用?body=可以填上内容</a> <a href="mailto:tugenhua@126.com?body=http://www.baidu.com">内容包含链接,含http(s)://等的文本自动转化为链接</a>