Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
haizhilin2013 opened this issue Jul 14, 2019 · 6 comments
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the html html label Jul 14, 2019
@liuxiaole
Copy link

ol = ordered list
ul = unordered list

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

@JiangXue93
Copy link

JiangXue93 commented Jul 15, 2019

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

@tonyChenHey
Copy link

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

@pokerLife
Copy link

🏷 打卡:

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

@dondonZh
Copy link

有序和无序

@Konata9
Copy link

Konata9 commented Aug 23, 2019

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
Labels
html html
Projects
None yet
Development

No branches or pull requests

7 participants