# HTML
学习HTML的重点不在于掌握多少标签，而是在于掌握标签的语义以及如何编写一个语义结构良好的页面
- 利于开发调试和后期维护
- 利于搜索引擎优化
# 01 div和span
- div和span没有语义，一般都是配置CSS来定义元素的样式
- div块元素，常用于较大块的结构划分；span行内元素，常用来包含文字等
# 02 id和class
id和class是HTML元素中两个最基本的公共属性，用来选择元素，以便就行CSS操作或者JavaScript操作
- id，一个页面中相同的id只允许出现一次，关键的页面结构可用id
- class，使得相同class的元素具有相同的CSS样式
- 定义多个class的目的在于：一个class抽取公共样式，然后另一个class定义单独样式
# 03 标签语义化
# 标题语义化
- h1 ~ h6 有页面权重的含义在里面
# 图片语义化
<img src="" alt="图片描述(给搜索引擎看)" title="图片描述(给用户看)" />
# 表格语义化
常用布局有浮动布局和定位布局，table可用于展示结构化数据
- table、thead、tbody
- tr、th、td
# 表单语义化
- form
- lable for input
- input: text password checkbox button
# 其他语义化
</br>只适用于p标签内部的换行，不能用于其他标签- 对于列表型的数据，为了实现良好的语义，建议使用无序列表或有序列表，不建议使用div等来实现
# 小结
- HTML标签可类比编程语言中的数据类型