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