HTML5的头部、拨号、短信、邮件(转)
2024-09-05 15:59:25
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 > |
最新文章
- 深入理解CSS Media媒体查询
- iOS 设置状态栏的背景颜色
- python教程
- storyboard中的三种传值
- 《On Lisp》第四章第三节图4.3中的prune函数fix
- Java对象表示方式2:XStream实现对对象的XML化
- C语言进行面向对象编程
- linuxMint install shuruma
- 【编程题目】输出 1 到最大的 N 位数
- node基础 --全局
- 框架之 spring
- Android双击Back退出应用
- 20145105 《Java程序设计》第2周学习总结
- ios webview点击图片看大图效果及相应手势操作
- hdu-1010 dfs+剪枝
- 读写分离子系统 - C# SQL分发子系统(ADO.NET,不支持EF)
- 简单却又复杂的FizzBuzz面试编程问题
- Codeforces Round #436 C. Bus
- Git reset与checkout的区别
- Spring JDBC 数据访问
热门文章
- python中的list()函数和tuple()函数
- poj3694 边-双连通分量+lca
- vue-router使用next()跳转到指定路径时会无限循环
- Redis集群部署3.0
- XML DOM - Range 对象
- hdoj-1715-大菲波数(大斐波那契数列)
- CodeChef - SQRGOOD:Simplify the Square Root (求第N个含平方因子数)
- wpf中将string格式的颜色转换成color类型
- 学习动态性能表(15)--v$rollstat
- LeetCode第五题:Longest Palindromic Substring