这是我参与「第五届青训营」伴学笔记创作活动的第 1 天

HTML

什么是HTML？

（HuperText Markup Language）超文本标记语言，其中超文本由图片、声音、动画、视频……构成且可以相互链接的文本，标记语言则是使用标签和属性标记内容的格式。

是浏览器标记内部的表示，浏览器接收到网络数据后的第一步就是对HTML解析并构建DOM树。树的每个节点称为dom节点，树顺序由HTML文档决定的。

标签和属性不区分大小写,推荐小写，与之对应的，自定义的比如vue的组件等使用大写

空标签（image、input、meta等）可以不闭合，尾部可以加/或不写

属性值推荐使用双引号包裹（id="属性值"）

某些属性值可省略，不如required、readonly

HTML 提供了 6 个等级的网页标题，即：<h1> 到 <h6>。并且依据重要性递减。

级别越大的标题标签，对网页元素的强调性越强，同时也和浏览器 SEO 优化有关。所以标题标签要用在合适的地方！

里面只包含 li，列表并列，使用较多，附：去除 li 前符号的方法：style="list-style: none;"

里面只包含 li，有顺序，使用相对较少

里面只能包含 dt 和 dd，dd为dt的解释和释义，记忆方法：dd是detail而dt是title

图片标签img，常见属性：src：指定图片路径；alt:图片加载失败时才显示的文字

音频标签audio，视频标签video，常见属性：src：音频/视频的路径，controls：显示播放控件

语义	标签	说明
加粗	`<strong>` `</strong>` 或 `<b>` `</b>`	介于可读性、搜索引擎优化及屏幕阅读器适配推荐使用前者，表示此处内容很重要
倾斜	`<em>` `</em>` 或 `<i>` `</i>`	推荐使用前者，表示此处语气很重，强调感
删除线	`<del>` `</del>` 或 `<s>` `</s>`	推荐使用前者
下划线	`<ins>` `</ins>` 或``	推荐使用前者

在 <input> 标签中，包含一个 type 属性，根据不同的 type 属性值，输入字段拥有很多种形式（可以是文本、字段、复选框、掩码后的文本控件、单选按钮、按钮等）。

在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下拉列表。 placeholder设置默认显式的值，min max可以设置可输入的值的范围，textarea用于需要用户输入长文本时的情况；当用户输入内容较多的情况下，我们可以使用标签，表示让用户输入较多的内容。

这三组表单元素都应该包含在 form 表单域里面，并且应该有 name 属性。name 属性用于对提交到服务器后的表单数据进行标识，表单想要把数据提交到指定的位置，表单控件必须要有 name 属性。还可以通过给单选框设置同一个name实现互斥选择的功能。