简述HTML5与HTML4的区别
这是我参与2022首次更文挑战的第6天，活动详情查看：2022首次更文挑战」。
导语
关于HTML5和HTML4的百度解释： HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
一.关于 HTML5 的新特性
HTML5 在视频、音频、图像、动画以及与设备的交互都进行了规范。
1.canvas 画布功能
HTML5 中的 canvas 可以与 javascript 配合实现画布功能。拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法。
2.多媒体功能
增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
3.定位功能
在 HTML5中，Geolocation的API可以通过GPS或网络信息实现用户的定位功能。除了可以定位自己的位置，也可以在他人授权的情况下获取到他人的定位。
4. 数据存储方面
HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。
5.多线程
通过创建一个Web Worker对象就可以实现多线程操作。HTML5新增加了一个WebWorkerAPI，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。
二.关于 HTML5 的新元素
1. canvas
| canvas | 画布 |
|---|
2. 多媒体
| audio | 音频标签 |
|---|---|
| video | 视频标签 |
| source | 定义多媒体资源 |
| embed | 定义插入的内容 |
| track | 为诸如<video> 和 <audio> 元素之类的媒介规定外部文本轨道 |
3. 表单
| datalist | 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 |
|---|---|
| keygen | 规定用于表单的密钥对生成器字段。 |
| output | 定义不同类型的输出，比如脚本的输出。 |
4. 语义和结构
| aside | 定义页面的侧边栏内容。 |
|---|---|
| bdi | 允许您设置一段文本，使其脱离其父元素的文本方向设置。 |
| command | 定义命令按钮，比如单选按钮、复选框或按钮 |
| details | 用于描述文档或文档某个部分的细节 |
| dialog | 定义对话框，比如提示框 |
| summary | 标签包含 details 元素的标题 |
| figure | 规定独立的流内容（图像、图表、照片、代码等等）。 |
| figcaption | 定义 figure 元素的标题 |
| footer | 定义 section 或 document 的页脚。 |
| header | 定义了文档的头部区域 |
| mark | 定义带有记号的文本。 |
| meter | 定义度量衡。仅用于已知最大和最小值的度量。 |
| nav | 定义运行中的进度（进程）。 |
| progress | 定义任何类型的任务的进度。 |
| ruby | 定义 ruby 注释（中文注音或字符）。 |
| rt | 定义字符（中文注音或字符）的解释或发音。 |
| rp | 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。 |
| section | 定义文档中的节（section、区段）。 |
| time | 定义日期或时间。 |
| wbr | 规定在文本中的何处适合添加换行符。 |
事件属性
HTML 5 中的新事件属性：onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。
HTML 5不再支持的 HTML 4.01 属性：onreset。
