ul ol di三者区别

Posted 前端小超人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ul ol di三者区别相关的知识,希望对你有一定的参考价值。

1.ul是无序列表,也就是说没有排列限制可以随意加li; 
<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
.可以随意放置
.可以随意放置
.可以随意放置

2.ol就序列表,会按照你写的li前后依次排列;
<ol>
<li>我是第一</li>
<li>我是第二</li>
<li>我是第三</li>
</ol>
1.我是第一
2.我是第二
3.我是第三

3.dl是定义列表,会默认前后层级关系; definition list
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
</dl>
我是头
--我是内容
--我是内容

以上是关于ul ol di三者区别的主要内容,如果未能解决你的问题,请参考以下文章

html中ol和ul的区别

ol 与ul 的区别

关于ul和dl的区别

块级元素和内联元素的区别与转换

行内元素与块级元素的特点及区别

行内元素与块元素的区别,及常用块元素和常用行内元素