【前端面经】H5-有哪些常⽤的 HTML 标签？

HTML是一种标记语言，它使用各种标签来定义和组织网页内容。在Web开发中，熟练掌握常用的HTML标签是十分重要的。

标题标签(<h1>~<h6>): 用于定义页面中的标题，可以根据重要性使用不同级别的标题。 h1 表示最高级别的标题，h6 表示最低级别的标题。通常情况下，每个页面应该至少包含一个h1标签，并且应该按照从上到下的顺序依次使用。

段落标签(<p>): 定义一个段落，通常用于组织页面内容。可以在段落标签内部嵌套其他HTML标签，如链接、图片等。对于需要排版的文本内容，建议使用段落标签进行包裹。

链接标签(<a>): 定义一个超链接，指向另一个文档或 Web 页面。通过 href 属性来指定链接地址。除了用于超链接外，a标签还可以实现锚点跳转、打开邮件客户端/电话拨号等功能。

图像标签(<img>): 用于插入一个图像，可以通过指定图像的 URL 或相对路径来显示。通过 alt 属性可以为图像添加描述信息，有助于提高网站的可访问性。同时需要注意，图片的大小和格式应该合理，以免影响页面打开速度。

列表标签(<ul>、<ol>、<li>): 用于创建无序列表和有序列表。ul 表示无序列表，ol 表示有序列表，li 表示列表项。同时可以通过CSS样式修改列表的样式，使其更加美观。列表标签的使用可以帮助网站内容结构化，让用户更容易地阅读。

表格标签(<table>、<tr>、<th>、<td>): 用于创建表格。table 表示整个表格，tr 表示表格中的行，th 表示表头单元格，td 表示普通单元格。可以设置表格边框、背景色、对齐方式等属性，从而使表格更加美观和易于阅读。

表单标签(<form>、<input>、<textarea>、<select>、<button>): 用于创建用户输入表单。form 表示整个表单，input 表示输入框，textarea 表示多行文本输入框，select 表示下拉菜单，button 表示按钮。可以添加必填项、验证用户输入等功能，提高用户体验。

样式标签(<style>): 定义 CSS 样式，可以在页面中直接嵌入CSS代码，也可以通过 link 标签引入外部CSS文件。这些样式可以控制页面的颜色、字体、布局等方面，从而实现更加丰富和美观的页面设计。

脚本标签(<script>): 用于嵌入 JavaScript 脚本代码，可以使页面具有更加丰富的交互性和动态性。脚本标签可以放在HTML文档的头部或尾部，可以直接嵌入JavaScript代码或引用外部JS文件。

分割线标签(<hr>): 用于在页面中插入一条水平分割线，可以通过设置颜色、宽度等属性来修改分割线的样式。分割线标签通常用于分隔不同内容区块，提升页面层次感和可读性。