为了账号安全,请及时绑定邮箱和手机立即绑定

关于ol标签和ul标签的区别

他们两个的区别是有序和无序,那这个有序和无序是不是对于代码来说的?因为两中标签的展示效果都是按照顺序依次展示的,只要我们人为的按次序输入文本不就实现了有序了吗?那为什么还要有ol有序标签?

正在回答

4 回答

ol = ordered list 有序列表 ul = unordered list 无序列表

0 回复 有任何疑惑可以回复我~

有序列表<ol>:
例如树状图一样,1下面可以分裂无数个1.11 1.111……
1
   1.1
        ……
   1.11
         ……
   1.111
……

无序列表<ul>:
彼此之间都是同等级的,没有先后顺序。
·
·
·
……

0 回复 有任何疑惑可以回复我~

并不是这样子。ol标签有相应的设置可以让页面呈现编号,而ul只能呈现小圆点。如下代码:

<ul type="circle"> 

    <li>content1</li>

    <li>content2</li>

    <li>content3</li>

</ul>


<ol type="1" start='2'>

    <li>content1</li>

    <li>content2</li>

    <li>content3</li>

</ol>


最后效果为:

https://img1.sycdn.imooc.com//5c56a7420001a94803300249.jpg


最后附上ol和ul的英文说明:

The ul element means a bulleted list, and the ol element means a numbered list. They are useful elements when used this way. This document explains why it is pointless and misleading to pretend that these elements mean “unordered list” and “ordered list.

详见:http://jkorpela.fi/html/ul-ol.html


再多补充一句:就像我们在word文档里面写标签一样,如果写了1、 2、,再按键空格就会自动出现3、 这就是ol。而如果是以*打头的,另起一行还是*,这种就是ul。

5 回复 有任何疑惑可以回复我~
#1

qq_慕工程4174529

<ol type="1" start="2">是什么意思哈? 有顺序不是可以直接写<ol><li>...</li></ol>吗?
2019-06-07 回复 有任何疑惑可以回复我~
#2

YukunWen 回复 qq_慕工程4174529

Type就是类型,你可以自定义。start表示其实编号从2开始。
2019-06-11 回复 有任何疑惑可以回复我~

就好比office里的编号和项目符号一样,有序可以使每项前存在不同序号,无序则是相同,这两者的区别我们直观来说就是看到的东西不一样

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于ol标签和ul标签的区别

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信