HTML和HTML5之间的区别

HTML 和 HTML5 之间的主要区别

HTML Doctype声明比较冗长，而HTML5中的DOCTYPE声明比较简单。
音频和视频不是HTML的一部分，而HTML5支持音频和视频标签。
在 HTML 中，Web Socket 不可用，另一方面，在 HTML5 中，您可以使用 Web Socket 与服务器建立全双工通信通道。
HTML 对移动设备的友好度较差，而 HTML5 对移动设备的友好度较高。
在 HTML 中，不可能获取浏览任何网站的人的实际地理位置，而 HTML5 中的 JS Geolocation API 可以让您识别浏览任何网站的用户的位置。

什么是标记语言？

标记语言是一种注释文档的系统设计，使其在语法上可区分。它使用标签来定义元素。标记语言包含英语短语和单词。因此，它们易于阅读。标记语言专为处理、定义和呈现文本而设计。

什么是HTML？

HTML 是万维网使用的语言。它是用于在网络上创建和显示页面的标准文本格式语言。

HTML 文件由两部分组成：1）内容和 2）用于格式化内容以便在页面上正确显示的标签。它可以被层叠样式表 (CSS) 等技术和脚本语言使用，例如 Java脚本。HTML 的全称是超文本标记语言。它也被称为 HTML v 1.0，是 HTML 标记的第一个迭代。

什么是HTML5？

HTML5 是第 5^th 版本的 HTML 版本 1.0 支持更多标签和功能。从技术上讲，它被称为 HTML 版本 5.0，但通俗地说它被称为 HTML5。

Safari 等浏览器的最新版本， Opera, 铬, 和 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中，可以绘制基本形状。
它允许你运行 Java浏览器中的脚本。	它使你能够运行 Java后台的脚本代码。
您可以在所有旧版浏览器中使用 HTML。	您可以在所有新浏览器中使用 HTML5。
您可以使用浏览器缓存作为临时存储。	您可以使用应用程序（数据库和网络存储）缓存作为临时存储。
Web 套接字不可用。	您可以使用 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 元素增强页面的显示效果。
使您能够使用标签开发网页。
使用图形并以各种字体、大小和颜色显示文本。
它可以帮助您创建超链接以导航至网络上的各种文档。
您可以以表格形式显示数据。
在网页中创建多个窗口，以便在不同的窗口中显示来自多个来源的信息。

HTML5 的功能

支持本地存储
HTML5 具有新的内容相关元素，例如，，，，，， ETC。
它提供新的表单控制，如日期、日历、时间、URL、电子邮件和搜索。
这绘制二维图表的元素
支持 CSS3，CSS 的较新版本。
提供媒体支持。
图形元素可以与元素组合，以便轻松地将标题与其他图像元素关联起来。
您可以在本地存储大量数据，而不会影响网站性能。
HTML 能够处理不正确的语法。

HTML 的优点

HTML 的优点/好处如下：

易于用于网页开发
轻松创建网络文档
它可以帮助您在网页内以及位于不同服务器上的网站之间导航。
在 HTML 中，您可以设置查询以使用本质上具有响应的图像。
用户无法保存跨会话的浏览器数据。
一旦数据存储在浏览器中，开发人员就可以进一步思考如何使应用程序运行。

HTML5 的优势

HTML5 的优点/好处如下：

它具有有关文件系统、客户端存储、事件处理等的大量新 API 功能。
轻松创建一个新的交互式网站。
由于 HTML5 采用了务实的方法，您可以毫不费力地解决现实世界的问题。
它简化了Doctype和字符集。
HTML5 提供以下元素，，等等。
它改进了 Web 表单，增加了以下新属性：标签。
HTML5 提供了持久的本地存储，以便无需借助任何第三方插件即可实现。
它有一个WebSocket，这是用于开发Web应用程序的下一代通信技术。
HTML5 引入了称为服务器发送事件 (SSE) 的事件。
它简化了标记
支持二维绘图表面，可用于编程 Java脚本。
HTML5 使您能够创建自己的词汇表。
您可以创建自己的自定义语义。
将项目从同一网页上的一个地方拖放到另一个地方。
支持大量视频。
HTML5 通过可见性、媒体捕获、全屏等 API 增强了 Web 应用程序体验。

HTML 的缺点

以下是 HTML 的缺点/不足：

HTML 无法帮助创建动态页面。它只能创建普通页面。
制作一个简单的网页你可能需要写很长的代码。
HTML 中的安全功能不太好。
开发任何类似网页的东西都需要时间。
HTML 不像其他网页开发软件那样灵活 Dreamweaver.
它不符合集中式方法。您需要单独编辑网页。

HTML5 的缺点

以下是 HTML5 的缺点/不足：

它需要现代浏览器才能访问。
存在与媒体许可相关的问题。
多设备响应可能会令人头痛。
HTML5 语言仍处于开发阶段。
游戏挣扎 JavaHTML5下的脚本。
HTML5 中没有可用的优秀 IDE。