手机端的META整顿 (手机端的markdown)

本文目录导航：

• 手机端的META整顿
• HTML5 a标签电话配置不可经常使用是什么要素？
• 怎样用JS调用打电话

手机端的META整顿

meta指元素可提供无关页面的元消息（meta-information），比如针对搜查引擎和降级频度的形容和主要词。

标签位于文档的头部，不蕴含任何内容。

标签的属性定义了与文档关系联的称号/值对。

第一个meta标签示意：强迫让文档的宽度与设施的宽度坚持1:1，并且文档最大的宽度比例是1.0，且不准许用户点击屏幕加大阅读； width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 准许用户缩放到的最小比例 maximum-scale - 准许用户缩放到的最大比例 user-scalable - 用户能否可以手动缩放 第二个meta标签是iphone设施中的safari私有meta标签，它示意：准许全屏形式阅读； 第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的形态条的样式； 在web app运行下形态条（屏幕顶部条）的色彩； 自动值为default（红色），可以定为black（彩色）和black-translucent（灰色半透明）。

留意：若值为“black-translucent”将会占据页面px位置，浮在页面上面 （会笼罩页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

第四个meta标签示意：通知设施疏忽将页面中的数字辨以为电话号码。

width: viewport 的宽度 （范畴从 200 到 10,000 ，默以为 980 像素 ） height: viewport 的高度 （范畴从 223 到 10,000 ） initial-scale: 初始的缩放比例 （范畴从>0到 10 ） minimum-scale: 准许用户缩放到的最小比例 maximum-scale: 准许用户缩放到的最大比例 user-scalable: 用户能否可以手动缩放

能否删除自动的苹果工具栏和菜单栏

当设置了app方式之后，作用是管理形态栏显示样式，然而本机ios7测试之后没啥扭转……不解

iphone会把一串数字辨以为电话号码，点击的时刻会揭示能否呼叫，屏蔽这配置则把telephone设置为no，要启用电话配置，请经常使用 <a href=>Call Me : </a> 来替代， 邮件则为 <a href=?subject=Hello%20again>发送邮件</a>

假设 apple-mobile-web-app-capable设置为 yes了，那么在苹果机的safari上可以经过减少到主屏按钮将网站减少到主屏幕上。

而设置相应 apple-touch-icon标签，则减少到主屏上的图标就会经常使用咱们指定的图片。

基于 apple-mobile-web-app-capable设置为 yes，可以为WebApp设置一个相似NativeApp的进行画面。

和 apple-touch-icon不同， apple-mobile-web-app-capable不支持sizes属性，要经常使用media来加载不同的进行画面。

具体查问 大漠的文章 。

http:///s/blog_

HTML5 a标签电话配置不可经常使用是什么要素？

由于老的阅读器能够识别doctype，然而并不象征它可以解决HTML5标签和配置。

怎样用JS调用打电话

用JS调用打电话经常使用这句话就可以：<a >拨打电话</a>(call)(href,tel:123);举个栗子，最经常出现的状况是用ajax灵活为标签赋电话值，而后拨打电话，比如说//a标签是你想点击拨打电话的中央$({type: POST,url: WebUrl ,data: {},success: function (data) {//调用完成的时刻，将前往的电话号灵活赋值到a标签中(call)(href,tel:+shopTel);//shopTel是后盾返给前端的电话号，这样电话号码就被灵活赋值到a标签里啦},});