HTML 与 HTML5 的区别?2025 年 3 月 25 日 | 阅读 3 分钟 HTML5 比 HTML4 更完整、更易用,它拥有许多新标签,如 <header>, <footer>, <navy>, <Audio>, <video>, <main> 等。它还支持图形。在下图,我们描述了所有与 HTML 和 HTML5 相关的重要术语。  HTML 被称为 万维网 的 主要 语言。HTML 经历了多次更新,最新 HTML 版本是 HTML5。这两个版本之间存在一些差异。 - HTML5 支持 音频 和 视频,而 HTML 不支持音频和视频。
- HTML 不允许 JavaScript 在 Web 浏览器中运行,而 HTML5 完全支持运行 JavaScript。
- 在 HTML5 中,内联 MathML 和 SVG 可以在文本中使用,而在 HTML 中则不可能。
- HTML5 支持新型表单控件,如 日期 和 时间、电子邮件、数字、类别、标题、URL、搜索 等。
- HTML5 中引入了许多元素。其中一些最重要的包括 time, audio, description, embed, fig, shape, footer, article, canvas, navy, output, section, source, track, video 等。
HTML 与 HTML5 的区别特点 | Html | HTML5 |
---|
定义 | 超文本标记语言 (HTML) 是开发网页的主要语言。 | HTML5 是 HTML 的一个新版本,具有新的功能,是一种带有 Internet 技术的标记语言。 | 多媒体支持 | HTML 不支持视频和音频。 | HTML5 支持视频和音频。 | 存储 | HTML 浏览器使用缓存内存作为临时存储。 | HTML5 具有存储选项,如:应用程序缓存、SQL 数据库 和 Web 存储。 | 浏览器兼容性 | HTML 兼容几乎所有浏览器,因为它存在已久,并且浏览器进行了修改以支持所有功能。 | 在 HTML5 中,我们有许多新标签、元素,以及一些已 移除/修改 的标签,因此只有部分浏览器完全兼容 HTML5。 | 图形支持 | 在 HTML 中,可以使用 Silver light, Adobe Flash, VML 等工具实现矢量图形。 | 在 HTML5 中,默认支持矢量图形。 | 线程 | 在 HTML 中,浏览器界面和 JavaScript 在同一个线程中运行。 | HTML5 拥有 JavaScript Web Worker API,它允许浏览器界面在多个线程中运行。 | 存储 | 使用 Cookie 存储数据。 | 使用本地存储代替 Cookie | 矢量图和图形 | 可以通过 VML, Silverlight, Flash 等技术实现矢量图形。 | 矢量图形是 HTML5, SVG 和 canvas 的重要组成部分。 | 形状 | 无法创建 圆形、矩形、三角形 等形状。 | 我们可以绘制 圆形、矩形、三角形 等形状。 | 文档类型 | HTML 中的 DOCTYPE 声明太长了。 <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> | HTML5 中的 DOCTYPE 声明非常简单 "<! DOCTYPE html> | 字符编码 | HTML 中的字符编码太长了。 <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional // EN"> | 字符编码声明很简单 <meta charset = "UTF-8"> | 多媒体支持 | 音频和视频不是 HTML4 的一部分。 | 音频和视频是 HTML5 的重要组成部分,例如:<Audio>, <Video>。 | 矢量图形 | 在 HTML4 中,可以通过 VML、Silver light 和 Flash 等技术实现矢量图形。 | 矢量图形是 HTML5, SVG 和 canvas 的重要组成部分。 | Cookies | HTML5 使用 Cookie。 | 它提供本地存储来代替 Cookie。 | 形状 | 无法绘制圆形、矩形、三角形等形状。 | 使用 HTML5,您可以绘制 圆形、矩形、三角形 等形状。 | 浏览器支持 | 与所有旧版浏览器兼容 | 新浏览器支持此功能。 |
|