HTML5的新特性主要是针对以前的不足，增加了一些新标签，新表单和新表单属性

但是呢！这些标签大多都存在兼容性的问题，基本是IE9以上的版本才支持

之前我们做布局，都用的是div，但是没有语义性

HTML5 引入了许多新的语义化标签，用于更好地描述网页的结构和内容。

以下是一些 HTML5 中新增的常用标签：

<header>：定义文档或区块的页眉，通常包含标题、导航和其他相关信息。

<nav>：定义导航链接的容器，用于包裹网站的导航部分。

<section>：定义文档的一个独立节或区块，用于组织相关的内容。

<article>：定义一个独立的、完整的、可以独自分发或独立引用的内容块，如博客文章、新闻报道等。

<aside>：定义页面或区块的侧边栏或附属信息，通常用于显示相关的内容或广告。

<main>：定义文档的主要内容，一个页面中只能包含一个 <main> 元素。

<footer>：定义文档或区块的页脚，通常包含版权信息、联系方式等内容。

<figure>：定义文档中的图像、图表、照片等单独的独立内容块。

<figcaption>：用于 <figure> 元素的标题或说明，描述与之相关的内容。

<video>：用于嵌入视频内容，支持通过多种格式（如 MP4、WebM）进行视频播放。

<audio>：用于嵌入音频内容，支持通过多种格式（如 MP3、WAV）进行音频播放。

<canvas>：提供了一个画布，用于使用 JavaScript 绘制图形、动画等内容。

<datalist>：定义输入字段（如 <input>）的选项列表，可用于自动完成和提示用户输入。

<progress>：表示任务的进度，用于展示加载、上传等操作的进度条。

<meter>：表示度量或测量标准，用于显示范围或分数值。

<details>：定义可以展开或折叠的详细信息，通常与 <summary> 标签一起使用。

<summary>：用于 <details> 元素的摘要或标题，点击可展开或折叠详细信息。

<time>：定义日期或时间值，可以标记具体的时间点或时间范围。

<mark>：用于突出显示文本中的一部分，通常以黄色或其他醒目颜色进行标记。

<output>：用于显示计算结果或脚本输出的容器。