让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/> 1) html 上加入<meta name="viewport" content=" initial-scale=,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/" /> 网页打开方式: <a href="#" target="_blank"> 链接</a> target 的值: _self( 相同窗口,浏览器默认)、_top( 整页窗口)和_parent( 父窗口) 相同、_blank( 在新建的窗口打开) <head><base target="_blank" ></head> 表示页面中的所有链接都在新窗口打开<a href="" rel="external"></a>// plete="off"// 去掉输入框的历史记录 querySelector 只返回匹配的第一个元素,如果没有匹配项,返回 null 。 querySelectorAll 返回匹配的元素集合,如果没有匹配项,返回空的 nodelist( 节点数组)。 ('#indicator > ').className = '';//...... innerheight: 返回窗口的文档显示区的高度。(IE 用 ) innerwidth 返回窗口的文档显示区的宽度。(IE 用 ) <---------------------------------------------------------- -------HTML5----------------> <html manifest=""><!--- 缓存---> HTML5 新增: contenteditable: 设置是否允许用户编辑元素 contentextmenu: 给元素设置一个上下文菜单 draggable: 设置是否允许用户拖动元素 irrelevant: 设置元素是否相关。不显示非相关的元素。 ref: 引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用 registrationmark: 为元素设置拍照。可规定于任何<rule> 元素的后代,除了<nest> 元素<!------IE8 以及以下不支持 HTML5 的解决办法------> <!--[if IE]> <script src="http://html5shiv./svn/trunk/"></ script> · <![endif]--> <meta name="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 : 允许用户缩放的最大比例<meta name="format-detection" content="telephone=no"/>// 在手机中不会将网页中的一串数字( 电话号码) 显示为拨号的超链接,默认 telephone=yes <meta name= ” apple-mobile-web-app-capable ” content= ” yes ”/>//
html5开发d的个人使用总结 来自淘豆网www.taodocs.com转载请标明出处.