大家好，我是大澈！
今天又是一起复盘Html基础的一天，兄弟们，走起。
一、按语义分类
根据元素的语义定义，HTML元素可以分为：文档结构元素、文本内容元素、多媒体元素、表单元素、表格元素。
主要是记住元素分类，元素了解即可，并记住几个典型常用的。
1、文档结构元素：用于定义页面的整体结构。
html：根元素，包含整个 HTML 文档。
head：包含元数据（如标题、样式表、脚本等）。
body：包含页面的可见内容。
header：页眉，通常包含导航或标题。
footer：页脚，通常包含版权信息或联系方式。
main：页面的主要内容区域。
section：定义文档中的独立部分。
article：定义独立的内容块（如博客文章）。
aside：定义与主要内容相关但独立的内容（如侧边栏）。
nav：定义导航链接。
2、文本内容元素：用于定义文本内容的结构。
div：通用文本容器，无语义。
h1 到 h6：标题标签，h1 是最高级标题。
p：段落。
span：行内文本容器，无语义。
strong：加粗文本，表示重要性。
em：斜体文本，表示强调。
blockquote：长引用。
q：短引用。
pre：预格式化文本，保留空格和换行。
code：内联代码。
3、多媒体元素：用于嵌入多媒体内容。
img：嵌入图片。
audio：嵌入音频。
video：嵌入视频。
canvas：用于绘制图形。
svg：嵌入矢量图形。
4、表单元素：用于创建用户输入表单。
form：定义表单。
input：输入字段（如文本、密码、复选框等）。
textarea：多行文本输入。
button：按钮。
label：表单控件的标签。
select 和 option：下拉菜单。
fieldset 和 legend：分组表单元素。
5、表格元素：用于创建表格。
table：定义表格。
tr：定义表格行。
td：定义表格单元格。
th：定义表头单元格。
thead、tbody、tfoot：表格的分组部分。
二、按显示行为分类
根据元素在页面中的显示行为，HTML元素可以分为：块级元素、行内元素、行内块元素。
主要是记住元素分类，元素了解即可，并记住几个典型常用的。
1、块级元素
独占一行，默认宽度为父元素的 100%。可以设置宽度、高度、内外边距。常用于构建页面布局。
div：通用块级容器。
p：段落。
h1 到 h6：标题。
ul、ol、li：列表。
header、footer、section 等语义化标签。
2、行内元素
不独占一行，与其他行内元素共享一行。宽度和高度由内容决定，不能直接设置。常用于包裹文本或小部分内容。
span：通用行内容器。
a：超链接。
strong、em：强调文本。
img：图片。
input：输入框。
3、行内块元素
结合了块级和行内元素的特性。不独占一行，但可以设置宽度、高度和内外边距。
button：按钮。
select：下拉菜单。
textarea：多行文本输入。
三、Html5 新元素
HTML5 引入了许多新元素，有必要了解一下，并每类记忆几个常用的。
一般在小厂面试基础中常问，这里单独拎出来，提升基础广度。
1、语义化元素
用于更好地描述网页内容的结构和意义，提升代码的可读性和 SEO 优化。
2、多媒体元素
3、表单增强元素
4、图形嵌入元素
5、其它元素
四、自闭合元素
自闭合元素不需要闭合标签，通常以 / 结尾（尽管在 HTML5 中 / 是可选的）。
一般在小厂面试基础中常问，这里单独拎出来，提升基础广度。
- end -
承接产品推广/软件开发/bug修复，联系和更多内容在绿色App搜@程序员大澈：专注于前后端技术知识分享，最后感谢兄弟们给个点赞、分享、推荐！
