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

382 阅读1分钟

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结构(最重要
  5.   css样式,  js行为
  6. 原则:确定语义的html,再选合适的css