ul、ol和dl的用法

ul、ol和dl的用法:
建议:尽可能的手写代码，可以有效的提高学习效率和深度。
在div+css布局中，ul、ol和dl的使用是非常的频繁，例如组织一个新闻列表使用以上几种元素就是良好的的选择。例如:

View Code

<div class="news-box">

    <ul>

         <li><a href="#">DDoS的攻击方法及应对措施</a></li>

         <li><a href="#">几种预防抵御DDOS的方法</a></li>

         <li><a href="#">DEDECMS(织梦)防黑客入侵/DDOS攻击的一般方法</a></li>

         <li><a href="#">Arbor打造DDOS防御解决方案</a></li>

         <li><a href="#">网络如何应对DDoS攻击</a></li>

    </ul>

</div>

以上代码就是运用的一个典型例子。
英文全称:
虽然很多朋友对于这三个相关标签运用的非常纯熟了，但是可能还不知道它们的全称是什么，下面就一一列出。
1.ul = unordered list 
2.ol = ordered list 
3.li = list 
4.dl=definition list 
5.dt=definition title 
6.dd=definition description
ul是无序列表:

View Code

<ul> 

    <li>蚂蚁部落</li> 

    <li>蚂蚁部落</li> 

</ul> 

没有经过样式处理的话，每一行的前面将会出现一个实心圆点。
ol是有序列表:

View Code

<ol> 

    <li>蚂蚁部落</li> 

    <li>蚂蚁部落</li> 

</ol> 

之所以说是有序列表，是因为每一行的前面都会出现1、2、3这样的顺序数字。
dl的用法:
它的用法可以从英文名字来理解，dl是definition list的缩写，也就是说要定义一个列表，dt是definition title的缩写，也就是说这个地方是要写列表的标题，dd是definition description的缩写，也就是此列表项的内容了。

View Code

<dl> 

    <dt>蚂蚁部落</dt> 

    <dd>html专区 </dd> 

    <dd>Jquery专区 </dd> 

</dl>