一、头部设置

    <!--页面窗口自动调整到设备宽度，并禁止用户及缩放页面-->

    <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" />

　　模型:

<!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>

二、拨号、短信、邮件

    <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>

HTML5【语法要点】的更多相关文章

  1. css3【语法要点】

    语法要点 display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display ...

  2. html5语法

    html5语法沿用html语法,但更简单,更人性化. 一.DOCTYPE及字符编码 DOCTYPE:<!doctype html>或者<!DOCTYPE html>因为html ...

  3. JavaScript的语法要点 1 - Lexically Scoped Language

    作为从一开始接触C.C++.C#的程序员而言,JavaScript的语法对我来说有些古怪,通过最近一年的接触,对它有了一定的了解,于是想把它的一些语法要点记录下来. 1. Block Scope vs ...

  4. HTML5技术要点

    HTML5技术要点 1.HTML5视频 <!DOCTYPE HTML> <html> <body> <video src="/i/movie.ogg ...

  5. Lua语法要点2

    [Lua语法要点2] 1.Lua函数 function 可以添加 local 关键字.添加后为局部函数,不添加(默认)为全局函数.return 可以返回多个返回值,以, 分隔. 使用 ... 来表示变 ...

  6. HTML5入门要点

    要点 HTML5是HTML的最新版本.通过引入心的标签.新的语义和媒体元素,同时要依赖一组支持Web应用的JavaScript库 XHTML不再是Web页面开发标准.开发人员和W3C组织觉决定还是继续 ...

  7. 微信小程序技术分析：Mustache语法要点总结

    小程序开发的wxml里,用到了Mustache语法.所以,非常有必要把Mustache研究下. 什么是Mustache?Mustache是一个logic-less(轻逻辑)模板解析引擎,它是为了使用户 ...

  8. java基础语法要点<二>（基于1.8)

    注解(元数据) 从jdk5 开始,java支持在源文件中嵌入补充信息,称为注释(annotation).注释不会改变程序的动作,也就不会改变程序的语义.但在开发和部署期间,各种工具可以使用这类信息.元 ...

  9. java基础语法要点<一>（基于1.8)

    http://yishouce.com/java/run http://www.shucunwang.com/RunCode/java/ 数据类型 8种基本数据类型及对应的 类型封装器 byte, s ...

随机推荐

  1. struts2学习笔记--使用struts2插件实现ajax处理(返回json数据)

    贴一个简单的例子,通过jquery的post调用action,定义一个对象User,有name和age属性,实例化几个对象,以json的格式返回到jsp,在前台页面显示出来,模拟用户列表. 导入相关j ...

  2. js实现可拖拽的div

    前言 下午忙里偷闲想写一个可拖拽的例子,留在脑海里一直都是三个事件mouseDown,mouseUp,mouseMove, 但从没有动手实践过,今天想起了自己实践了并学习了张鑫旭的demo实现. 学习 ...

  3. 浅析JS中的模块规范（CommonJS，AMD，CMD）

    如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已. 现在就看看吧,这些规范到底是啥东西,干嘛的. 一.CommonJS ...

  4. jQuery的$.getJSON方法在IE浏览器下失效的解决方案

    $.getJSON在IE下默认会使用浏览器缓存,所以导致数据不正确或者异常,解决方案就是在使用该方法前关闭缓存,使用完后再重新打开缓存即可. <?php $.ajaxSetup({ cache: ...

  5. HTML5+CSS3实现图片可倾斜摆放的动画相册效果

    先看看效果:其中鼠标悬浮在图片上会有动态效果图 直接上代码: css文件 @CHARSET "UTF-8"; *{ padding:0px; margin:0px; } div{ ...

  6. Mac OSX中的@executable_path, @load_path和@rpath的理解

    本文转载自:https://wincent.com/wiki/@executable_path,_@load_path_and_@rpath.个人觉得写的很不错,简洁明了. Absolute path ...

  7. [VB.NET]调用API获取/设置键盘按键状态

    1.调用GetAsyncKeyState()获取指定按键的状态,GetActiveKey()检索指定范围内的按键状态 2.调用keybd_event()可合成一次击键事件,通常两次击键事件间需要设定时 ...

  8. 网络基础 : OSI参考模型

    Overview OSI规范的作用之一就是帮助在不同的主机之间传输数据. OSI模型包含7层,它们分为两组. 上面3层指定了终端中的应用程序如何彼此通信以及如何与用户交流: 下面4层指定了如何进行端到 ...

  9. SOA、ESB、NServiceBus、云计算 总结

    SOA SOA 是通过功能组件化.服务化,来实现系统集成.解决信息孤岛,这是其主要目标.而更进一步则是实现更快响应业务的变化.更快推出新的应用系统.与此同时,SOA 还实现了整合资源,资源复用. SO ...

  10. deviceFilters与设备过滤

    本主题是ASP.NET在移动设备上展示的方面的内容 起初看起来deviceFilters与前面的browserCaps类似.同样也会关联到HttpBrowserCapabilities,而在这里用到的 ...