HTML4 和 HTML5 的10个关键区别

时间：2011-10-14 来源：cnblogs

　　HTML5是 HTML 标准的下一个版本。越来越多的程序员开始 HTML5来构建网站。如果你同时使用 HTML4和 HTML5的话，你会发现用 HTML5从头构建，比从 HTML4迁移到 HTML5要方便很多。虽然 HTML5没有完全颠覆 HTML4，它们还是有很多相似之处，但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。

　　1. HTML5 标准还在制定中

　　首先要注意的是，HTML5虽然现在很火，但是 HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。

　　2. 简化的语法

　　HTML5简化了很多细微的语法，例如 doctype 的声明，你只需要写<!doctype html>就行了。HTML5与 HTML5，XHTML1兼容，但是与 SGML 不兼容。

　　3. <canvas>标签替代 Flash

　　Flash 给很多 Web 开发者带来了麻烦，要在网页上播放 Flash 需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生 UI 交互。虽然目前<canvas>标签还不能实现 Flash 的所有功能，但是很快<canvas>就会让 Flash 看起来老土，哈哈！

　　4. 新增 <header> 和 <footer> 标签

　　HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。

　　5. 新增 <section> 和 <article> 标签

　　与<header>, <footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于 SEO。

　　6. 新增 <menu> 和 <figure> 标签

　　<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。