HTML5引入了多种新的元素，如`、、、`等，增强了文档结构的语义化。

HTML5 引入了许多新的元素，以支持更加语义化的网页结构和功能，这些新元素不仅增强了网页的可读性和维护性，还提供了更多的交互性和多媒体支持。

HTML5 新增的主要结构元素

元素	描述	示例代码
	用于定义文档或节的页眉	我的网站
	用于定义导航链接的部分
	用于定义文档中的节（section、区段）
	用于定义页面独立的内容区域
	用于定义页面的侧边栏内容
	用于定义 section 或 document 的页脚
	用于规定独立的流内容（图像、图表、照片、代码等等）
	用于描述文档或文档某个部分的细节
	用于定义对话框，比如提示框	这是一个对话框
	包含 details 元素的标题

HTML5 新增的多媒体元素

元素	描述	示例代码
	用于定义音频内容
	用于定义视频内容
	为媒体元素（如 和
为诸如

HTML5 新增的表单控件

元素	描述	示例代码
	定义选项列表，与 元素配合使用
	规定用于表单的密钥对生成器字段
	定义不同类型的输出，比如脚本的输出

相关问答FAQs

Q1：为什么 HTML5 中引入了<header>,<footer>,<nav>, 和<section> 等语义化标签？

A1：这些语义化标签的引入是为了提供更加清晰、结构化的文档布局，它们使得浏览器和搜索引擎能够更好地理解网页内容的结构，从而提升网页的可访问性和可维护性，这些标签也有助于开发者更直观地组织和呈现内容。

Q2：如何在 HTML5 中使用<video> 元素嵌入视频？

A2：在 HTML5 中，可以使用<video> 元素来嵌入视频，你可以通过设置src 属性指定视频文件的路径，并通过controls 属性添加播放控件。

<video width="320" height="240" controls>  <source src="movie.mp4" type="video/mp4">  您的浏览器不支持 HTML5 视频。</video>

上述代码将在支持 HTML5 的浏览器中显示一个带有播放控件的视频播放器，并在不支持 HTML5 视频的浏览器中显示替代文本。