一、常用标签
HTML5（或HTML）中有很多常用的标签，这些标签用于构建网页的结构和内容。以下是一些常用的HTML5标签：
1. 标题标签
<h1>到<h6>：定义六个级别的标题，<h1>级别最高，<h6>级别最低。
2. 段落和换行标签
<p>：定义段落。<br>：插入一个简单的换行符。
3. 链接标签
<a>：定义超链接，用于链接到其他网页或网站。
4. 图像标签
<img>：定义图像，src属性用于指定图像的URL。
5. 列表标签
<ul>：定义无序列表。<ol>：定义有序列表。<li>：定义列表项。<tr>：定义表格行。<td>：定义表格数据单元格。<th>：定义表头单元格。
7. 表单标签
<form>：定义HTML表单，用于用户输入。<input>：定义输入字段，type属性用于指定输入类型（如text,password,submit等）。<textarea>：定义多行文本输入字段。<label>：定义<input>元素的描述。<select>和<option>：定义下拉列表。<button>：定义一个点击按钮。
8. 语义化标签
<header>：定义文档的头部区域。<footer>：定义文档的底部区域。<article>：定义文档中的独立内容区域。<section>：定义文档中的节（或区段）。<nav>：定义导航链接的部分。<aside>：定义页面的侧边栏内容。
9. 其他常用标签
<div>：定义文档中的区块或节，常用于结合CSS进行布局和样式设计。<span>：对文档中的行内元素进行分组。<meta>：提供有关HTML文档的元数据，如字符编码、页面描述、关键词等。<title>：定义浏览器工具栏的标题，当网页添加到收藏夹时的标题。<style>：用于包含CSS样式信息。<script>：用于嵌入或引用JavaScript代码。
这些只是HTML5中常用标签的一部分，实际上HTML5还包含许多其他标签和属性，用于构建功能丰富、结构清晰的网页。
二、表单标签
在HTML5中，表单标签是构建交互式网页的重要组成部分，它们允许用户输入数据并将其提交到服务器进行处理。以下是一些常用的HTML5表单标签：
1. <form> 标签
<form> 标签用于定义HTML表单，它包含了各种表单元素，如输入框、按钮等。<form> 标签的 action 属性定义了表单数据提交的目标URL，而 method 属性则指定了数据提交的方式（通常是 "get" 或 "post"）。
示例：
html
<form action="/submit_form" method="post">
<!-- 表单元素会放在这里 -->
<button type="submit">提交</button>
</form>2. <input> 标签
<input> 标签用于创建用户输入字段。通过 type 属性，可以创建不同类型的输入字段，如文本字段、密码字段、复选框、单选按钮、文件上传等。
示例：
html
<!-- 文本输入框 -->
<input type="text" name="username" placeholder="请输入用户名">
<!-- 密码输入框 -->
<input type="password" name="password">
<!-- 单选按钮 -->
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女
<!-- 复选框 -->
<input type="checkbox" name="hobby" value="reading"> 阅读
<input type="checkbox" name="hobby" value="sports"> 运动
<!-- 提交按钮 -->
<input type="submit" value="提交">3. <textarea>标签
<textarea> 标签用于创建多行文本输入框，用户可以在其中输入多行文本。
示例：
html
<textarea name="message" rows="4" cols="50">
请在此输入您的留言...
</textarea>4. <label> 标签
<label> 标签用于定义 <input> 元素的描述。它通过将 for 属性与表单控件的 id 属性关联起来，将标签与表单控件绑定在一起。
示例：
html
<label for="username">用户名：</label>
<input type="text" id="username" name="username">5. <select> 和 <option> 标签
<select> 标签用于创建下拉列表，而 <option> 标签则定义列表中的选项。
示例：
html
<select name="country">
<option value="china">中国</option>
<option value="usa">美国</option>
<option value="uk">英国</option>
</select>6. <button> 标签
<button> 标签用于创建一个点击按钮。除了作为表单的提交按钮外，它还可以用于触发JavaScript事件。
示例：
html
<button type="button" onclick="alert('Hello World!')">点击我</button>7. <fieldset> 和 <legend> 标签
<fieldset> 标签用于将表单内的元素分组，而 <legend> 标签则为该组提供标题。
示例：
html
<fieldset>
<legend>个人信息</legend>
<input type="text" name="name">
<input type="email" name="email">
</fieldset>这些标签可以组合使用，以创建功能丰富、用户友好的表单界面。同时，通过CSS和JavaScript的配合，还可以对表单进行样式化和功能增强。三、表格标签
在HTML5中，表格相关的标签用于创建和格式化表格数据。它包含了所有的行和列。
<tr> 标签定义表格中的行。每一行都必须包含在 <tr> 开始标签和结束标签之间。 3. <td> 标签
<td> 标签定义表格数据单元格，它包含在行 <tr> 中。每个 <td> 标签代表一个单元格，用于存储数据。</tr>
</table> ```
4. <th> 标签
<th> 标签定义表头单元格，通常用于表示列的标题。表头单元格中的文本通常呈现为粗体并且居中。>
<tr> <td>张三</td> <td>25</td> </tr> </table> ```
5. <caption> 标签
<caption> 标签定义表格的标题。标题通常位于表格的上方，对表格内容作简要说明。<th>职位</th>
</tr> <!-- 其他行和单元格 --> </table> ```
6. <thead>, <tbody>, 和 <tfoot> 标签
这些标签用于对表格内容进行分组，以提高可读性和样式化能力。
<thead>：定义表格的头部，包含一列或多列表头单元格。<tbody>：定义表格的主体，包含表格的数据行。<tfoot>：定义表格的尾部，通常包含汇总行或注释。> </tr> </thead> <tbody> <tr> <td>张三</td> <td>25</td> </tr> <!-- 其他数据行 --> </tbody> <tfoot> <tr> <td colspan="2">合计人数：XX人</td> </tr> </tfoot>
</table> ```
在这些标签中，<thead>, <tbody>, 和 <tfoot> 是可选的，但它们有助于将表格内容划分为逻辑部分，并使得使用CSS进行样式化更为方便。
请注意，虽然HTML5没有引入新的表格标签，但上述标签在HTML5中仍然有效，并且通常用于创建和格式化表格。同时，通过CSS，您可以对表格的布局、样式和交互性进行更精细的控制。
四、音视频标签
在HTML5中，引入了新的标签来支持音频和视频文件的嵌入和播放，这些标签分别是<audio>和<video>。
<audio> 标签
<audio>标签用于在HTML文档中嵌入音频内容。这个标签支持多种音频格式，如MP3、WAV和Ogg。
示例：
html
<audio controls>
<source src="audiofile.mp3" type="audio/mpeg">
<source src="audiofile.ogg" type="audio/ogg">
您的浏览器不支持audio标签。
</audio>controls属性添加了播放、暂停和音量控制。<source>标签允许您指定不同的音频文件，浏览器将使用它支持的第一个。- 在不支持
<audio>标签的浏览器中，将显示标签内的文本内容。
<video> 标签
<video>标签用于在HTML文档中嵌入视频内容。这个标签同样支持多种视频格式，如MP4、WebM和Ogg。
示例：
html
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持video标签。
</video>width和height属性定义了视频播放器的尺寸。controls属性添加了播放、暂停和音量控制，以及进度条。<source>标签允许您指定不同的视频文件，浏览器将使用它支持的第一个。- 在不支持
<video>标签的浏览器中，将显示标签内的文本内容。
属性
autoplay：如果设置了该属性，则音频/视频在页面加载时将自动播放。loop：如果设置了该属性，则音频/视频将在结束时重新开始播放。muted：如果设置了该属性，则音频/视频输出将被静音。preload：这个属性用于在页面加载时加载音频/视频数据。它可以设置为none、metadata、auto。
注意事项
- 不同浏览器对音频和视频格式的支持程度可能不同，因此提供多种格式以确保最大的兼容性是一个好习惯。
- 嵌入大型音频和视频文件可能会增加页面的加载时间，因此需要考虑优化文件大小和使用流媒体服务等技术。
- 出于性能和用户体验的考虑，建议仅在必要时使用自动播放功能，并尽量避免在移动设备上使用自动播放音频和视频。
通过使用<audio>和<video>标签，您可以轻松地在HTML5文档中嵌入和播放音频和视频内容，同时利用它们的属性来增强用户体验和控制播放行为。
五、多媒体标签
在HTML5中，多媒体标签主要指的是用于嵌入和处理音频、视频以及相关媒体内容的标签。这些标签提供了在网页上展示和交互多媒体内容的能力。以下是一些关键的多媒体标签：
<audio> 标签
<audio> 标签用于在HTML文档中嵌入音频内容。你可以指定一个或多个音频源，浏览器会选择它支持的第一个进行播放。
示例：
html
<audio controls>
<source src="myAudio.mp3" type="audio/mpeg">
您的浏览器不支持audio标签。
</audio><video> 标签
<video> 标签用于在HTML文档中嵌入视频内容。同样，你可以指定多个视频源以确保兼容性。
示例：
html
<video width="320" height="240" controls>
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.webm" type="video/webm">
您的浏览器不支持video标签。
</video><source> 标签
<source> 标签通常嵌套在 <audio> 或 <video> 标签中，用于指定媒体资源的位置和类型。浏览器会按照 <source> 标签的顺序尝试加载和播放每个资源，直到找到一个它支持的格式。
<track> 标签
<track> 标签用于为 <video> 或 <audio> 元素添加文本轨道，通常用于字幕或音频描述。
示例（为视频添加字幕）：
html
<video width="320" height="240" controls>
<source src="myVideo.mp4" type="video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
您的浏览器不支持video标签。
</video>属性
这些多媒体标签有一些共同的属性，如：
controls：添加播放、暂停和音量控制。autoplay：页面加载后自动播放媒体。loop：媒体播放结束后重新开始。muted：默认静音播放媒体。preload：预加载媒体数据，可以是none、metadata或auto。width和height：设置媒体播放器的尺寸（主要用于<video>）。
注意事项
- 为了确保最大的兼容性，提供多种格式的媒体文件是很重要的，因为不同的浏览器可能支持不同的格式。
- 大文件可能会影响页面加载时间，因此应该考虑优化文件大小和使用流式传输技术。
- 出于用户体验的考虑，应谨慎使用自动播放功能，特别是在移动设备上。
- 文本轨道（如字幕）对于提高网页的可访问性非常重要，尤其是对于视障或听力受损的用户。
通过这些HTML5的多媒体标签，你可以轻松地在网页上嵌入音频和视频内容，并提供丰富的用户体验。