Html5 更新信息
戴维营教育原创文章,转载请注明出处。我们的梦想是做最好的iOS开发培训!
Html5 有那些更新
这里我只做一个简单的介绍,后面的博客我详细介绍各个知识点
1, DOCTYPE的定义变得非常的简单.
<!DOCTYPE html>
首先我简单的介绍DOCTYPE:
<!DOCTYPE>不一个html标签,我们在写一个html文档时把它写在第一行,它的作用是介绍我们的html结构将使用那个版本解析。
下面我将它跟html4.01做个比较
html4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2,新的标签和属性
标签:
<header>,<footer>,<article> 和 <section>
图表标签:
<svg> 和 <canvas>
媒体标签:
<audio> 和 <video>
form 的属性:
number,date,time,calendar 和 range等等
3,新的API
- Geolocation
它是用来获取用户地理位置信息。 - Drag,ondragover 和 Drop
drag:拖动元素时调用
ondragover:目标元素允不允拖入
drop:拖入时被调用 - Local Storage
本地存储,但不与服务器进行交互,整个domain下可以使用同一个localstorage.它可以保存5M的数据,比cookie更安全,保存数据更多 - Application Cache
浏览器cache,用它可以做一些离线操作,减少服务器的压力,使的网页加载更快。 - Web Workers
它可以把javascript在后端运行,而不影响页面的performance. - SSE
全称是 Server-sent Events, 它可以根据服务器端的数据自动更新页面。
4,抛弃的旧元素
元素 | 替换 |
---|---|
<acronym> | <abbr> |
<applet> | <object> |
<basefont> | CSS |
<big> | CSS |
<center> | CSS |
<dir> | <ul> |
<font> | CSS |
<frame> | |
<frameset> | |
<noframes> | |
<strike> | CSS |
<tt> | CSS |