ul,ol,dl的区别
2017-04-28 11:07
211 查看
1.ul是无序列表,也就是说没有排列限制可以随意加li;
<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
<li>可以随意放置</li>
.可以随意放置
2.ol就序列表,会按照你写的li前后依次排列;
.可以随意放置
.可以随意放置
<ol>
<ol>
<li>我是第一</li>
<li>我是第二</li>
</ol>
<li>我是第三</li>
1.我是第一
2.我是第二
3.我是第三
3.dl是定义列表,会默认前后层级关系;
<dl>
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
--我是内容
</dl>
--我是内容
<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
<li>可以随意放置</li>
.可以随意放置
2.ol就序列表,会按照你写的li前后依次排列;
.可以随意放置
.可以随意放置
<ol>
<ol>
<li>我是第一</li>
<li>我是第二</li>
</ol>
<li>我是第三</li>
1.我是第一
2.我是第二
3.我是第三
3.dl是定义列表,会默认前后层级关系;
<dl>
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
--我是内容
</dl>
我是头
--我是内容
相关文章推荐
- CSS: dl,dt,dd,ul,li,ol区别及应用
- dl,dt,dd,ul,li,ol区别及应用
- ul,ol,dl区别
- dl,dt,dd,ul,li,ol区别及应用
- HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
- dl,dt,dd,ul,li,ol区别及应用
- HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
- ul,ol,dl的区别
- dl,dt,dd,ul,li,ol区别及应用
- CSS: dl,dt,dd,ul,li,ol区别及应用
- dl,dt,dd,ul,li,ol区别及应用
- CSS: dl,dt,dd,ul,li,ol区别及应用
- dl,dt,dd,ul,li,ol区别及运用
- dl,dt,dd,ul,li,ol区别
- dl ul ol区别
- HTML中的ul、li、ol、li、dl、dt、dd的区别讲解与示例
- CSS: dl,dt,dd,ul,li,ol区别及应用 .
- div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em, ul li ol 标签用法
- <html>ul/ol、dl/dd/dt
- 关键自li,em,dl,ul,ol,footer,header,nav,aside,article