~这是我参与「第五届青训营 」伴学笔记创作活动的第1天
1.前端技术栈：
Javascript（行为）
CSS（样式）←----------网络协议----------→ 服务器栈
HTML（内容）
2. HTML是什么
HyperText Markup Language
HyperText：图表、链接、标题、表格
Markup Language：在开始标签和结束标签中书写标题、内容、属性等等。
（HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
（超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。 可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
3. HTML基本语法：
标签和属性不区分大小写，推荐小写
空标签可以不闭合，比如input、meta
属性值推荐用双引号包裹
某些属性值可以省略，比required，readonly
3. HTML语义化：
HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML
有序列表用ol；无序列表用ul
lang属性表示内容所使用的语言
4. 语义化优点：
代码可读性
可维护性
搜索引擎优化
提升无障碍性
5. 如何做到HTML语义化：
了解每个标签和属性的含义
思考什么标签最适合描述这个内容
不使用可视化工具生成代码
2023/01/15 Day1
