html5是正在起草的最新超文本标记语言,大部分的主流浏览器(ff3.5, chrome, opera, Safari)都已经支持了html5,有一句话说的好“XHTML 2: 出师未捷身先死, HTML 5:万千宠爱于一身”,我个人也比较倾向于html5这种标准,很多浏览器厂商对于html5也是表现了前所未有的热情,因此html5或许不久后将成为主流,有一个网站html5 gallery列举了一些正在使用html5的网站,可以查看一下他们的源码。那么html5有哪些新的东西呢?
【多媒体标签】
html5为作图、音频、视频引入了一组新的标签,这些标签可以让浏览器的体验更好,并且让我们在互联网上浏览媒体更加标准化。
<canvas> |
canvas可以让你很容易地画矩形、曲线、直线,但是还是有一些局限,比如描边和阴影。要画图首先要在页面加入一个canvas标签,然后是通过 javascript来做画图这件事。例如:
<canvas id=”the_canvas” width=”200″ height=”200″> <p>Your browser doesn’t support the canvas tag.</p> </canvas> var drawingCanvas = document.getElementById(’the_canvas’); 下面是检测dom是否存在这个canvas以及浏览器是否支持canvas标签 if(drawingCanvas.getContext) { // Create the 2D drawing canvas var context = drawingCanvas.getContext(’2d’); //Canvas commands go here } <audio> <video> |
【结构化标签】
<section> <header> <footer> <nav> <article> <aside> <figure> |
【内联标签】
<mark> <time> <meter> <progress> |
新增的Form Input类型
* datetime
* datetime-local
* date
* month
* week
* time
* number
* range
* email
* url
【不建议使用的标签】
* acronym
* applet
* basefont
* big
* center
* dir
* font
* frame
* frameset
* isindex
* noframes
* noscript
* s
* strike
* tt
* u
【交互性标签】
<details> <datagrid> <menu> |
【其它方面的变化】
新的文档类型声明
<!DOCTYPE HTML> |
href属性
你可以在任何html元素上加href,让其成为可以链接的。
Asynchronous属性
通过给script加async属性来决定脚本是否异步加载,这样可以防止阻断网站。