初涉HTML5

初涉HTML5

HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。

HTML 5

通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。

HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端数据存储,以及交互式文档。

HTML 5 还包含了新的元素,比如:<nav>, <header>, <footer> 以及 <figure> 等等。

HTML 5 工作组包括:AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 以及数百个其他的供应商。

1、用于媒介回放的 video 和 audio 元素
  <html>
  <body>
  <video src="/i/movie.ogg" controls="controls">
  your browser does not support the video tag
  </video>
  <audio src="/i/horse.ogg" controls="controls">
  Your browser does not support the audio element.
  </audio>
  </body>
  </html>
2、用于绘画的 canvas 元素
  <canvas id="myCanvas"></canvas>
  <script type="text/javascript">
  var canvas=document.getElementById('myCanvas');
  var ctx=canvas.getContext('2d');
  ctx.fillStyle='#FF0000';
  ctx.fillRect(0,0,80,100);
  </script>

3、对本地离线存储的更好的支持

4、新的特殊内容元素,比如 article、footer、header、nav、section
  <article> 标签定义外部的内容。
  <footer> 标签定义 section 或 document 的页脚。
  <header> 标签定义文档的页眉(介绍信息)。
  <nav> 标签定义导航链接的部分。
  <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

  <html>
  <body>
  <article>
  <a href="http://www.apple.com">Safari 5 released</a><br />
  7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
  Apple announced the release of Safari 5 for Windows and Mac......
  </article>

  <footer>This document was written in 2010.</footer>

  <header>
  <h1>Welcome to my homepage</h1>
  <p>My name is Donald Duck</p>
  </header>

  <nav>
  <a href="/html5/index.asp">Home</a>
  <a href="/html5/html5_meter.asp">Previous</a>
  <a href="/html5/html5_noscript.asp">Next</a>
  </nav>

  <section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
  </section>
  </body>
  </html>

5、新的表单控件,比如 calendar、date、time、email、url、search

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。