html5学习与思考（3）

本文里的批次和序号无意义，只是方便阅读和学累了休息一会。

第一批次

1.form

定义供用户输入的HTML表单。表单：我的理解是有固定的模板，让用户根据模板输入信息，方便电脑进行数据存储和处理的一个东西，类似于问卷调查的表。

1.1 input

定义输入控件，有很多type类型。人话：各种输入的组件，例如输入框、单选框、多选框，通过input完成大脑里的信息转电脑数据。

1.1.1datalist

规定输入控件的预定义选项列表。效果有点像select，但区别是select的选项栏只能点击想要的选项，这个可以在选项栏里进行模糊查询，大概意思就是输入o，可以显示 Firefox、Chrome、Opera，然后可以进行选择。这个用于选项较多的下拉框很不错，例如参加某全国大学生参与的网络第二课堂活动，要选择“河北工程大学”，如果是select框，我得下划很久准确找到选项再点击（因为最上面的是北京的大学，然后是天津的…），如果用input 里面的datalist,模糊查询“河北”就会快很多。

1.2 textarea

定义多行的文本输入控件。因为输入框只有一行，如果需要输入多行信息就用这个。

1.3 button

定义可点击的按钮。

1.4 select

定义下拉列表。

1.5 option

定义下拉列表中的选项。

1.6 optgroup

定义下拉列表列表中相关选项的分组。人话：像书立一样把选项隔开，书立不是书，optgroup也不是选项。

1.7 fieldset

对表单中的相关元素进行分组。field（领域）set（设置），看过咒术回站的小伙伴可以理解为-领域展开，就是划分出一个范围，一个100平方米的空地可以展开一个100平的领域，或者同时展开两个50平的领域。fieldset一般会在周围绘制一个框，表示框内的是一组。

1.7.1 legend

定义 fieldset 元素的标题。人话：就是框上面的字，一个框就是一个分组（或者比喻为学习小组），legend就相当于组名。

1.8 label

定义 input 元素的标注。人话：就像酱油瓶上会标注酱油，要给输入框标注是什么输入框。

1.9 output

定义计算的结果（例如由脚本执行的计算）。打个比方，在计算器按下1+1= ，会显示2 ,这个数字2就在output里，如果将其中一个1换成2，那么output就是3了。

第二批次

2. iframe

定义内联框架。举例：你在用手机看b站直播，这个时候朋友抖音分享了一个视频让你马上看，但你不想错过直播，于是用悬浮窗看抖音。iframe就是一个网页里面嵌入了另一个网页。

3. img

定义图像。img并没有将图像插入到网页中，而是创建了一个容器，通过链接引用图像。

4. map

定义图像映射。一种可点击的区域。我觉得可以想象成小朋友学拼音的那种图，就是一按就有声的那种。map就像在图像后面加了可点击的按钮实现跳转。

5. area

定义图像地图内部的区域。这个就是定义什么形状和大小的按钮。

6. canvas

用于通过脚本（通常是 JavaScript）实时绘制图形。canvas 只是图形的容器，必须使用脚本才能实际绘制图形。

7. figure

规定自包含的内容。大概意思：这是一个用来封装的盒子，里面可以装插图、图表、照片、代码清单等。

7.1 figcaption

定义 figure 元素的标题。

8. picture

定义多个图像资源的容器。感觉没啥用，除非网页艺术性极强，觉得有些图片缩放后不好看，就换张更小更和谐的图片显示。

9. svg

定义 SVG 图形的容器。

10. audio

定义嵌入的声音内容。如果有人需要一边逛网页一边听歌的话就用这个。

11. video

定义嵌入的视频内容。

12. source

定义媒体元素（如video、audio和picture）的多个媒体资源。意思就是资源链接，一个video里可以有多个source，是防止某个资源链接打不开，就可以用其他的。

13. track

定义用在媒体播放器中的文本轨道。人话：字幕。

14. a

定义超链接。用于从一张页面链接到另一张页面。如果a标签没有 href 属性，就只是一个超链接的占位符。

15. nav

定义导航链接。其实本质还是超链接，只是用nav包起来作为导航栏。

16. menu

定义无序列表。和ul好像没有区别。

17. ul

定义无序列表。

18. ol

定义有序列表。

19. li

定义列表的项目。

20. dl

定义描述列表。

20.1 dt

定义描述列表中的术语/名称。

20.2 dd

定义描述列表中术语的描述/值。