阅读量:0
HTML5引入了语义标签、API支持、本地存储、画布元素、视频和音频支持等新特性，同时增强了表单功能，提供了更严格的规范。
| HTML4 | HTML5 | 说明 |
| 标准成熟度 | 标准还在制定中 | HTML5仍在早期阶段，未来会有修改。 |
| Doctype声明 | 简化的语法 | HTML5只需 |
| 无Flash支持 | HTML5引入 | |
| 无语义化标签 | HTML5增加这些标签以更好地描述网页结构。 | |
| 区域 | 新标签使页面内容更有组织性，利于SEO。 | |
| 无菜单和图形管理 | 新标签提供更专业的菜单和图文排版方式。 | |
| 无多媒体功能 | HTML5新增这些标签，支持直接嵌入音频和视频文件。 | |
| 传统表单设计 | 全新表单设计 | HTML5对表单元素进行了大量改动，增加了新属性。 |
| 使用和 | 去除和 | 官方建议用CSS替代这些标签的功能。 |
| 使用, | 去除, | 有更好的标记能实现它们的功能，作废的标记被剔除。 |
相关问答FAQs
1、HTML5中的<canvas>标签与Flash相比有什么优势？
答案：HTML5中的<canvas>标签提供了一种无需插件的方式在网页上绘制图形和动画，这比依赖Flash插件更为轻便和高效，由于Flash需要额外的插件支持，且安全性和维护性较差，而<canvas>是HTML5的一部分，得到了主流浏览器的支持，因此更具兼容性和性能优势。
2、为什么HTML5不再使用<b>和<font>标签？
答案：HTML5移除<b>和<font>标签是为了鼓励使用CSS来进行样式控制，这些标签原本用于设置文本的加粗和字体样式，但使用CSS可以更灵活地控制样式，并且将内容与样式分离，符合现代Web开发的最佳实践，通过CSS，开发者可以在一个集中的位置管理所有样式，而不是在HTML代码中分散管理。
1、文档类型声明（Doctype）：
HTML4：<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5：<!DOCTYPE html>
2、HTML结构：
HTML4：使用<html>,<head>,<body>等标签。
HTML5：引入了新的语义化标签，如<article>,<section>,<nav>,<header>,<footer>等。
3、字符编码：
HTML4：通常使用<meta charset="UTF8">在<head>中声明。
HTML5：默认字符编码为UTF8，无需在<head>中显式声明。
4、自动播放多媒体：
HTML4：不支持自动播放多媒体。
HTML5：允许使用autoplay属性自动播放音频和视频。
5、表单元素：
HTML4：表单元素相对固定，如<input type="text">。
HTML5：引入了新的表单元素，如<input type="email">,<input type="date">,<input type="tel">等。
6、图形和图像：
HTML4：主要使用<img>标签显示图像。
HTML5：增加了<canvas>和<svg>标签，用于绘制图形和矢量图像。
7、视频和音频：
HTML4：不支持内联视频和音频。
HTML5：引入了<video>和<audio>标签，允许在网页中嵌入视频和音频。
8、语义化标签：
HTML4：标签较少，语义性不强。
HTML5：引入了许多新的语义化标签，增强了网页的可读性和结构化。
9、API支持：
HTML4：API支持有限。
HTML5：引入了新的Web API，如Geolocation、Web Workers、WebSockets等。
10、浏览器兼容性：
HTML4：新特性在旧浏览器中可能不被支持。
HTML5：虽然旨在提供更好的兼容性，但旧浏览器仍可能不支持所有新特性。
是HTML4和HTML5之间除了相似以外的10个主要不同之处。
