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
-->
上一篇:使用JSP生成Web页面


下一篇:页面进行ajax跨域请求时的问题 报错的错误信息