HTML5【语法要点】
一、头部设置
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!--页面窗口自动调整到设备宽度，并禁止用户及缩放页面--> <meta name="viewport" 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 name="format-detection" content="telephone=no" />
<!--忽略Android平台中对邮箱地址的识别-->
<meta name="format-detection" content="email=no" />
<!--当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式-->
<!-- 可选default、black、black-translucent -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
模型:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>标题</title>
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
内容
</body>
</html>
|
二、拨号、短信、邮件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<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>
|