html中三个列表的标签的应用和注意事项和语义化的核心。

html的列表分为三个：

• 无序列表
• 有序列表
• 自定义列表

下面先来说第一个列表

无序列表：

1. 标签ul定义一个无序列表。
2. 标签li是列表中的每一个项目。

无序列表的注意事项：

1. ul的子标签不能随便放，只能是li标签。
2. li标签的父标签只能是ul标签和ol标签，li标签只能被ul标签或ol标签包裹。
3. li标签中可以放置其他标签，甚至是ul标签和ol标签。

有序列表：

1. ol定义一个有序列表。
2. 在页面的每个li标签前都会生成一个序号。
3. 有一个属性type可以改变li前面的符号。
4. ol的子标签只能是li标签。

无序列表注意事项：

1. ol的子标签只能是li。
2. li只能被ol包裹。
3. li标签中可以包含其它标签。

自定义列表：

1. dl的子标签只能是dt或dd。
2. dt和dd是同级的。
3. dt:项目的标题  dd:对这个项目的描述列表。
4. dd是有一个缩进的。

自定义列表的注意事项:

1. dl的子标签只能是dt或dd。
2. dt和dd是同级关系。
3. dt和dd只能被dl包裹。
4. 一个dt后面只可以跟一个或者多个dd。

语义化标签：

1. 合适的地方给一个最为合理的标签，不管谁都能看懂这块是什么。物尽其用，人尽其才。
2. 利用seo的优化。
3. 去掉css之后依然有良好的可读性。
4. w3c标准:html结构（最重要）  

css样式，   js行为 原则：确定语义的html，再选合适的css

转载于:https://juejin.im/post/5cc041515188250a5a174f80