有序列表(ordered list) <ol>
作用:给一堆数据添加列表语义,数据无先后之分
格式:
<ol>
<li></li>
</ol>
例如:
<ol>
<li>手心里的温柔</li>
<li>勇气</li>
<li>江南</li>
<li>盗将行</li>
</ol>
定义列表(definition title)
作用:用于给一堆数据添加列表语义,通过<dt>标签定义列表中的每个标题,然后通过<dl>标签给每个标题添加描述信息
<dt>definition title用来定义列表
<dl>definition list 定义描述信息
定义列表的应用场景:
1.做网站尾部的相关信息
2.做图文混排
-定义列表<dl>的注意点:
1.di和dt,dd是一个整体,要么一起出现,要么一起不出现
2.dl中只能放dt和dd
3.推荐是使用一个dt对应一个dd
4.和li标签一样,当需要丰富界面时,可在dt、dd中继续添加其它标签
<dl>
<dt>
<img src="images/NJ.jpg" width="150px" height="200px">
</dt>
<dd>
<h2>李南江(NJ)</h2>
<p>多年iOS、Android、HTML开发及教学经验, 对NativeApp、HybridApp、WebApp开发有独到见解和深入的研究, 除此之外李老师还精通JavaScript、AngularJS、 NodeJS 、Ajax、jQuery、Cordova、React Native等多种Web前端技术及Java、PHP等服务端技术</p>
</dd>
</dl>