HTML5与HTML4的区别：Web前端学习笔记

除了本身的HTML5标记之外，广义的HTML5还包含CSS3与JavaScript。由于HTML5设计的目的是在移动设备上支持多媒体，所以新的语法特征被引进以支持这一点，但是基本的标记语法并没有大的改变。下面列出HTML4与HTML5的主要区别。

1.语法简化

更简单的doctype是HTML5中众多新特征之一。在HTML5中，头部只需要写＜！DOCTYPEhtml＞即可。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。

2.新增语义化标签

新增加的语义化标签（如＜header＞、＜footer＞、＜section＞等）使得网页的可读性变得更高，也更加明确地表示出网页的结构，对于搜索引擎优化（SEO）有很大帮助。

3.新的媒体标签

新的＜audio＞和＜video＞标签可以用来嵌入音频文件和视频文件。这些标签的使用让网页播放音频、视频更加方便。(www.xing528.com)

4.使用画布标签绘制图形

＜canvas＞标签具有绘图功能，通过与JavaScript脚本的搭配，可在网页上绘制图像。

5.新的表单设计

在HTML5中，表单增加了新元素，也为表单元素增加了许多新属性，让表单的使用更加便利。

6.废除了一些旧标签

HTML5废除了一些标签，其中大部分为网页美化标签，如＜center＞、＜font＞、＜tt＞、＜big＞、＜dir＞、＜marquee＞、＜frame＞等。