HTML5初步认识1

编程技术  /  houtizong 发布于 3年前   51

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

为 HTML5 建立的一些规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求（比如 Flash）
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明

新特性
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section
1.<article> 标签定义独立的内容。
可能的 article 实例：
论坛帖子
报纸文章
博客条目
用户评论

提示和注释：
注释：<article> 标签的内容独立于文档的其余部分。

2.<footer> 标签定义 section 或 document 的页脚。
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
提示和注释
提示：假如您使用 footer 来插入联系信息，应该在 footer 元素内使用 <address> 元素。

3.<header> 标签定义文档的页眉（介绍信息）。

4.<nav> 标签定义导航链接的部分。
提示和注释
提示：如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。
<nav><a>导航1</a><a>导航2</a></nav>

5.<section> 标签定义文档中的节（section、区段）。
比如章节、页眉、页脚或文档中的其他部分。
文档中的区段，解释了 PRC：
<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

6.<aside> 标签定义其所处内容之外的内容。
aside 的内容应该与附近的内容相关。
提示和注释：
提示：<aside> 的内容可用作文章的侧栏。


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