这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
课堂笔记
课程重点内容：
- 什么是HTML
- HTML的组成原理
- HTML语法
- HTML语义化
HTML的含义：
超文本标记语言（Hyper Text Markup Language）
超文本（Hyper Text）是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
标记语言（Markup Language）是一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。
具体案例：
<img src="photo.jpg" />
HTML的组成原理：
DOM（Document Object Model）即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。
HTML利用DOM树对标签进行组织排列，形成节点方式的树状结构
具体案例：
DOM结构：
HTML语法：
- 标签和属性不区分大小写，一般使用小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
具体案例：
HTML语义化：
- 元素、属性及属性值都有某些含义
- 开发者应该遵循语义来编写HTML
具体案例：
在书写标题时，可以用HTML的h1标签来做到语义化，而不是利用样式来编写标题。
样式模式编写：
<p style="font-size:32px">前端工程师的自我修养</p>
h1标签编写：
<h1>前端工程师的自我修养</h1>
语义化的好处：
- 增加代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
如何做到语义化：
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
