HTML 和 HTML5 之间的区别
Lucas Bennett HTML 与 HTML5 的主要区别
- HTML 的 Doctype 声明冗长，而 HTML5 的 DOCTYPE 声明更简洁。
- 音频和视频不是 HTML 的一部分，而 HTML5 支持音频和视频标签。
- 在 HTML 中，Web Socket 不可用，另一方面，在 HTML5 中，您可以使用 Web Socket 与服务器建立全双工通信通道。
- HTML 对移动设备不太友好，而 HTML5 对移动设备友好。
- 在 HTML 中，无法获取浏览任何网站的人的实际地理位置，而 HTML5 中的 JS Geolocation API 使您能够识别浏览任何网站的用户的地理位置。
什么是标记语言？
标记语言是一种用于注释文档的系统设计，以便在语法上可以区分它。它使用标签定义元素。标记语言包含英语短语和单词。因此，它们易于阅读。标记语言专门为文本的处理、定义和呈现而设计。
什么是 HTML？
HTML 是用于万维网的语言。它是用于在 Web 上创建和显示页面的标准文本格式化语言。
HTML 文件包含两部分：1) 内容和 2) 用于正确显示在页面上的格式化标签。它可以被级联样式表 (CSS) 等技术和 JavaScript 等脚本语言使用。HTML 的全称是超文本标记语言。它也称为 HTML v 1.0，是 HTML 标记的第一个版本。
什么是 HTML5？
HTML5 是 HTML 版本 1.0 的第 5 个版本，支持更多标签和特性。技术上称为 HTML 版本 5.0，但通俗地说称为 HTML5。
Safari、Opera、Chrome 和 Firefox 等最新浏览器版本几乎支持 HTML5 的所有特性。Web 开发人员可以使用 HTML5 开发照片网站、Web 论坛和高级地图应用程序。HTML5 的全称是超文本标记语言 5。
HTML 与 HTML5 的区别
以下是 HTML 和 HTML5 的主要区别
| HTML | HTML5 |
|---|---|
| HTML 的 Doctype 声明冗长。 | HTML5 的 DOCTYPE 声明很简单。 |
| HTML 字符编码更长。 | HTML5 字符编码声明很简单。 |
| 音频和视频不是 HTML 的一部分。 | 音频和视频是 HTML5 的一部分。 |
| 可以使用 Silverlight、Flash、VML 等其他技术绘制矢量。 | 矢量图形是 HTML5 的一部分，例如 canvas、SVG。 |
| 无法获取浏览任何网站的人的实际地理位置。 | HTML5 中的 JS Geolocation API 使您能够识别浏览任何网站的用户的地理位置。 |
| HTML 提供本地存储而不是 cookie。 | Html5 使用 cookie 存储数据。 |
| 在 HTML 中，无法绘制基本形状。 | 在 Html5 中，可以绘制基本形状。 |
| 它允许您在浏览器中运行 JavaScript。 | 它使您能够在后台运行 JavaScript 代码。 |
| 您可以将 HTML 用于所有旧浏览器。 | 您可以将 HTML5 用于所有新浏览器。 |
| 您可以将浏览器缓存用作临时存储。 | 您可以将应用程序（数据库和 Web 存储）缓存用作临时存储。 |
| Web Socket 不可用。 | 您可以使用 Web Sockets 与服务器建立全双工通信通道。 |
| 没有处理结构不正确的 HTML 代码的流程。 | HTML5 通过改进的错误处理过程支持持久性错误处理。 |
| HTML 对移动设备不太友好。 | HTML5 对移动设备友好。 |
| HTML 中不存在 async、charset 和 ping 等属性。 | async、ping、charset 等属性是 HTML5 的一部分。 |
| HTML 不允许拖放效果 | HTML5 允许拖放效果。 |
| 提供 tabinex、id、tabinex 等新属性。 | 这些是应用于 HTML 5 元素的某些属性。 |
HTML 结构
这是 HTML 的结构
<!DOCTYPE html>
<html>
<head>
<title>Guru99 Home</title>
</head>
<body>
<h1>Best Tutorials on Planet</h1>
<p>Paragraph</p>
</body>
</html>
HTML5 结构
这是 HTML5 的结构
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5 Title</title> <meta name="description" content=" HTML5 Title"> <meta name="author" content="Guru99"> <link rel="stylesheet" href="css/styles.css?v=1.0"> </head> <body> <script src="js/scripts.js"></script> </body> </html>
HTML 的特性
- 平台无关语言。
- 它是一种不区分大小写的语言。
- 您可以使用级联样式表来控制颜色、字体和定位。
- 我们可以构建表格。
- 使用 HTML 元素增强页面的表示。
- 使您能够使用标签开发网页。
- 使用图形并以各种字体、大小和颜色显示文本。
- 它帮助您创建超链接以导航到 Web 上的各种文档。
- 您可以以表格格式显示数据。
- 在网页中创建多个窗口，以在不同窗口中显示来自多个来源的信息。
HTML5 的特性
- 它支持本地存储
- HTML5 具有新的内容相关元素，例如 <header>、<footer>、<article>、<section>、<nav> 等。
- 它提供了新的表单控件，例如日期、日历、时间、URL、电子邮件和搜索。
- 用于绘制 2D 图的 <canvas> 元素
- 支持 CSS3，即 CSS 的较新版本。
- 提供媒体支持。
- Figure 元素可以与其他元素结合使用，轻松地将标题与图像元素关联。
- 您可以将大量数据本地存储，而不会影响站点性能。
- HTML 能够处理不正确的语法。
HTML 的优点
以下是 HTML 的优点/好处
- 易于用于网页开发
- 轻松创建网页文档
- 它帮助您在网页之间以及位于不同服务器上的网站之间进行导航。
- 在 HTML 中，您可以设置查询来使用响应式图像。
- 用户无法跨会话保存浏览器数据。
- 一旦数据存储在浏览器中，开发人员就可以进一步思考如何让应用程序正常工作。
HTML5 的优点
以下是 HTML5 的优点/好处
- 它具有大量关于文件系统、客户端存储、事件处理等方面的新 API 的功能。
- 易于创建新的交互式网站。
- 由于 HTML5 采取了务实的做法，您可以轻松地解决现实世界的问题。
- 它简化了 Doctype 和字符集。
- HTML5 提供了 <details>、<dialog>、<mark> 等元素。
- 它通过 <input> 标签的新属性改进了 Web 表单。
- HTML5 提供持久的本地存储，无需任何第三方插件即可实现。
- 它拥有 WebSocket，这是用于开发 Web 应用程序的下一代通信技术。
- HTML5 引入了称为服务器发送事件 (SSE) 的事件。
- 它简化了标记
- 支持二维绘图表面，您可以使用 JavaScript 进行编程。
- HTML5 使您能够创建自己的词汇。
- 您可以创建自己的自定义语义。
- 将项目从网页上的一个位置拖放到另一个位置。
- 支持多种视频。
- HTML5 通过可见性、媒体捕获、全屏等 API 增强了 Web 应用程序体验。
HTML 的缺点
以下是 HTML 的缺点/不足
- HTML 不有助于创建动态页面。它只能创建静态页面。
- 您可能需要编写冗长的代码来制作简单的网页。
- HTML 的安全功能不佳。
- 开发任何类似网页的内容都需要时间。
- HTML不像 Dreamweaver 等其他网页开发软件那样灵活。
- 它不遵循集中式方法。您需要单独编辑网页。
HTML5 的缺点
以下是 HTML5 的缺点/不足
- 它需要现代浏览器才能访问。
- 存在与媒体许可相关的问题。
- 多设备响应性可能是一个麻烦。
- HTML5 语言仍在开发中。
- HTML5 下的 JavaScript 在游戏方面存在问题。
- 没有好的 IDE 可用于 HTML5。
