HTML5 新增属性和废除属性

删除的属性大多都是可以用CSS替代的一些样式属性

设置网页标题前面的小图标的大小：size

<link rel="icon" href="demo_icon.gif" type="image/gif" size="16x16">

 

script标签新增两个属性是:defer和async

<script defer src="http://code.jquery.com/jquery-1.10.min.js" onload="alert('a')"></script>
<script async src="http://code.jquery.com/jquery-migrate-1.2.1.min.js" onload="alert('b')"></script>

以前没有这个属性时，执行时先下载js文件，然后执行脚本，再接着按顺序依次加载和执行，这叫同步进行的。

而defer表示js文件下载完成后，并不执行后面的脚本，而是等这个页面全部加载完毕后，在执行这个脚本，所以这个推迟执行的属性。

而async表示将js文件下载下来，然后执行后面的脚本，同时在执行的过程中并不停止浏览器去解析下面的内容，所以它是异步执行的属性。

 

a标签增加了media属性，以便对相应的设备进行优化

<a media="hadnheld" href="#">手持</a>
<a media="tv" href="#">电视</a>
<a href="http://www.baidu.com" hreflang="zh" ref="external">百度</a>

hreflang表示该超链接的目标是中文网页；external表示这个网址是一个外部的超链接。

 

<ol start="50" reversed>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>

 

<menu type="toolbar" label="menu">
    <li><input type="checkbox" />red </li>
    <li><input type="checkbox" />blue </li>
<menu>
<!-- type有三种值：contexMenu,toolbar,list -->

 

<iframe seamless srcdoc="<h1>hello</h1>" src="http://www.baidu.com"></iframe>
<!-- 
seamless表示框架没有边框和边距
srcdoc的优先极高于src
sandbox规定内嵌框架的安全级别，有该属性该框架的会受得严格限制，比如：不能提交表单数据，禁止运行js，表示内嵌和外面的页面是异源的，js对象是不能通用的，即不能跨域请求。sandbox有4个值，allow-forms,allow-same-origin,allow-scripts,allow-top-navigation
-->