让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开madinc.co/autocomplete=off/去掉输入框的历史记录querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。document.querySelector(#indicator li.active).className = ;/.innerheight: 返回窗口的文档显示区的高度。 (IE用document.documentElement.clientHeight)innerwidth 返回窗口的文档显示区的宽度。(IE用document.documentElement.clientWidth )HTML5新增:contenteditable:设置是否允许用户编辑元素contentextmenu:给元素设置一个上下文菜单draggable:设置是否允许用户拖动元素irrelevant:设置元素是否相关。不显示非相关的元素。ref:引用另一个文档或本文档上另一个位置。仅在template属性设置时使用registrationmark:为元素设置拍照。可规定于任何元素的后代，除了元素/ 控制手机全屏 ： 强制让文档的宽度与设备的宽度保持1:1， 并且文档最大的宽度比例 是1.0，且不允许用户点击屏幕放大浏览/viewport:可视区域/initial-scale:初始的缩放比例;user-scalable:用户是否可以手动缩放;/minimum-scale:允许用户缩放的最小比例;maximum-scale :允许用户缩放的最大比例/在手机中不会将网页中的一串数字(电话号码)显示为拨号的超链接,默认telephone=yes /删除黙认的苹果菜单栏和工具栏,如需要苹果菜单栏和工具栏可不加/控制状态栏样式content有三个值：default、black、black-translucent/对移动网站-mobile web进行收藏（“添加到桌面图标”）的时候增加的图标定义属性/apple-touch-icon:增加高光光亮的图标/apple-touch-icon-precomposed:设计原图图标网页针对不同屏幕分辨率修改，用-webkit-device-pixel-ratio这个media标签或在js中用 window.devicePixelRatio这个方法，设置target-densitydpi标签和device-dpi属性。这让你的定制更具有 灵活性。移动网站的视图的标签.HTML5的data-前缀就被称为data属性本地存储:sessionStorage.lastname=Smith;/针对session的存储localStorage.lastname=Smith;/没有时间限制的本地存储(IE8也支持)document.write(localStorage.lastname);使用本地存储前应先确定window.localStorage是否存在/placeholder:默认提示,required:定义输入的字段是否必须(提交时的非空验证)HTML5 提供了两种检测是否在线的方式：navigator.online（true/false） 和 online/offline事件。navigator.standalone为true:从桌面启动navigator.standalone为false:从ios浏览器启动localStorage. length:返回现在已经存储的变量数目。localStorage. key(n):返回第n个变量的键值(key)。localStorage.getItem(k):和localStorage.k一样，取得键值为k的变量的值。localStorage.setItem(k , v):和localStorage.k = v一样，设置键值k的变量值。localStorage.removeItem(k):删除键值为k的变量。localStorage.clear():清空所有变量。window.applicationCache对象的事件:checking: 用户代理检查更新或者在第一次尝试下载manifest文件的时候，本事件往往是事件队列中第一个被触发的noupdate: 检测出manifest文件没有更新downloading: 用户代理发现更新并且正在取资源，或者第一次下载manifest文件列表中列举的资源progress: 用户代理正在下载资源manifest文件中的需要缓存的资源cached: manifest中列举的资源已经下载完成，并且已经缓存updateready: manifest中列举的文件已经重新下载并更新成功，接下来js可以使用swapCache()方法更新到应用程序中obsolete: 1、manifest的请求出现404或者410错误，应用程序缓存被取消 2、manifest的请求出现404或者410错误，更新缓存的请求失败 3、manifest文件没有改变，但是页面引用的manifest 文件没有被正确地下载error: 1、在取manifest列举的资源的过程中发生致命的错误 2、在更新过程中manifest文件发生变化-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;/圆角text-shadow: 2px 2px 5px #333;/添加阴影-webkit-user-select: none;/不可先择文字(webkit内核的浏览器)-webkit-text-size-adjust:none;/苹果移动设备上会识别，用于保证文字大小变形(transformation)、转换(transition)和动画(animation)图片旋转的一个样式：transition_duration-webkit-transform:rotate(10deg);-webkit-transition-property:all; /发生变化的属性-webkit-transition-duration:0.5s; /发生变化的时间-webkit-transition-timing-function:ease-in;/定义动画变化的曲线transition_duration:hover-webkit-transform:rotate(40deg);transform:旋转、扭曲、缩放、移动、矩阵变形 transform-origin:元素的基点，默认在元素中心transform: rotate(30deg) | scale(2,1.5)(水平,垂直) | skew(30deg,10deg) | translate(100px,20px) |matrix; isLocal: true/该请求来自本地计算机用document.onreadystatechange的方法来监听状态改变，用document.readyState = “complete”判断是否加载完成0 uninitialized （未初始化）还没有调