HTML 与 HTML5 的区别?

2025 年 3 月 25 日 | 阅读 3 分钟

HTML5 比 HTML4 更完整、更易用,它拥有许多新标签,如 <header>, <footer>, <navy>, <Audio>, <video>, <main> 等。它还支持图形。在下图,我们描述了所有与 HTML 和 HTML5 相关的重要术语。

HTML vs HTML5

HTML 被称为 万维网主要 语言。HTML 经历了多次更新,最新 HTML 版本是 HTML5。这两个版本之间存在一些差异。

  • HTML5 支持 音频视频,而 HTML 不支持音频和视频。
  • HTML 不允许 JavaScript 在 Web 浏览器中运行,而 HTML5 完全支持运行 JavaScript。
  • HTML5 中,内联 MathMLSVG 可以在文本中使用,而在 HTML 中则不可能。
  • HTML5 支持新型表单控件,如 日期时间、电子邮件、数字、类别、标题、URL、搜索 等。
  • HTML5 中引入了许多元素。其中一些最重要的包括 time, audio, description, embed, fig, shape, footer, article, canvas, navy, output, section, source, track, video 等。

HTML 与 HTML5 的区别

特点HtmlHTML5
定义超文本标记语言 (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, SVGcanvas 的重要组成部分。
形状无法创建 圆形、矩形、三角形 等形状。我们可以绘制 圆形、矩形、三角形 等形状。
文档类型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, SVGcanvas 的重要组成部分。
CookiesHTML5 使用 Cookie。它提供本地存储来代替 Cookie。
形状无法绘制圆形、矩形、三角形等形状。使用 HTML5,您可以绘制 圆形、矩形、三角形 等形状。
浏览器支持与所有旧版浏览器兼容新浏览器支持此功能。

下一个主题mailto HTML 标签