html5开发的个人使用总结.docVIP

让网页的宽度自适应屏幕meta name=viewport content=width=device-width/ 1）html上加入meta name=viewport content= initial-scale=1.0,user-scalable=no / 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 meta name=apple-mobile-web-app-capable content=yes / meta name=apple-mobile-web-app-status-bar-style content=black / meta content=black name=apple-mobile-web-app-status-bar-style / 3）加入这句话可以定义iphone的添加到主屏幕的图标 link rel=apple-touch-icon href=/images/logo.png / 网页打开方式：a href=# target=_blank链接/a target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开) headbase target=_blank /head表示页面中的所有链接都在新窗口打开 a href= rel=externalmadinc.co/a// autocomplete=off//去掉输入框的历史记录 querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 document.querySelector(#indicator li.active).className = ;// innerheight: 返回窗口的文档显示区的高度。 (IE用document.documentElement.clientHeight) innerwidth 返回窗口的文档显示区的宽度。(IE用document.documentElement.clientWidth ) HTML5 html manifest=manifest.cache!缓存 HTML5新增: contenteditable:设置是否允许用户编辑元素 contentextmenu:给元素设置一个上下文菜单 draggable:设置是否允许用户拖动元素 irrelevant:设置元素是否相关。不显示非相关的元素。 ref:引用另一个文档或本文档上另一个位置。仅在template属性设置时使用 registrationmark:为元素设置拍照。可规定于任何rule元素的后代，除了nest元素 !IE8以及以下不支持HTML5的解决办法 !--[if IE] script src=/svn/trunk/html5.js/script· ![endif]-- meta name=viewport content=width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0 /// 控制手机全屏 ： 强制让文档的宽度与设备的宽度保持1:1， 并且文档最大的宽度比例 是1.0，且不允许用户点击屏幕放大浏览 //viewport:可视区域 //initial-scale:初始的缩放比例;user-scalable:用户是否可以手动缩放; //minimum-scale:允许用户缩放的最小比例;maximum-scale :允许用户缩放的最大比例 meta name=format-detection content=telephone=no///在手机中不会将网页中的一串数字(电话号码)显示为拨号的超链接,默认telephone=yes meta name=”apple-mobile-web-app-capable” content=”yes” ///删除黙认的苹果菜单栏和工具栏,如需要苹果菜单栏和工具栏可不加 meta name=”apple-mobile-web-app-status-bar-style” content=”default” ///控制状态栏样式content有三个值：default、black、black-translucent link rel=apple-touch-icon href=res/images/icon.png ///对移动网站-mobile we