Skip to content

[html] 第90天 举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢? #747

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第90天 举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢?

Activity

liuxiaole

liuxiaole commented on Jul 14, 2019

@liuxiaole

ol = ordered list
ul = unordered list

  • 苹果
  • 香蕉
  1. 第一步 ....
  2. 第二步 ....
  3. 第三步 ....
JiangXue93

JiangXue93 commented on Jul 15, 2019

@JiangXue93

ol是有序列表,ul是无序列表;
下拉菜单或者横向切换的tab经常使用ul去完成。

tonyChenHey

tonyChenHey commented on Jul 15, 2019

@tonyChenHey

ul为无序列表;ol为有序列表
ul,ol均可用于列表布局,如资讯列表,会员列表,商品列表灯,当你无排序,不需要其中的数字排序意义时可以用ul,当想要用序号表示列表内的次序时,可以用ol

pokerLife

pokerLife commented on Jul 15, 2019

@pokerLife

🏷 打卡:

  • ul有序列表、ol无序列表;
  • 两个符号都可以修改、也可以改成图片,但是type支持的类型不一样;
  • 还有个dl自定义列表。
dondonZh

dondonZh commented on Jul 15, 2019

@dondonZh

有序和无序

Konata9

Konata9 commented on Aug 23, 2019

@Konata9

ol 为有序列表,ul 为无需列表。浏览器默认会给这两个加上不同的样式。ol 的列表前会添加序号;而 ul 的列表前则是圆点。我们可以通过 list-style-type 来改变样式。

olul 有语义上的区别,对于确实有顺序关系的我们应该使用 ul

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @liuxiaole@haizhilin2013@Konata9@JiangXue93@dondonZh

        Issue actions

          [html] 第90天 举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢? · Issue #747 · haizlin/fe-interview