- HTML列表分类:
无序列表,不考虑排序,<ul>+<li>,常用于导航
有序列表,结构化列表,考虑排序,<ol>+<li>
定义列表,当作字典或术语,包含定义和描述,<dl>+<dt>+<dd>(其中,dl表示定义列表,dt定义术语,dd定义描述)
- 举例:
无序列表:
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="prices/freshwater-fish-prices.html">Price List</a></li>
<li><a href="http://www.163.com" target="_blank">Link to Netease Web</a></li>
<li><a href="downloads/all-prices.pdf">Download C++ book</a></li>
</ul>
注意:这是默认样式,可使用CSS重新布置这些列表,将其并排放置;也可移除小圆点,将其设计成方形点或什么都不显示等;
有序列表:
<ol>
<li>Step One</li>
<li>Step Two
<ol>
<li>Step 2.1</li>
<li>Step 2.2</li>
<li>Step 2.3</li>
</ol>
</li>
<li>Step Three</li>
</ol>
定义列表:
<dl>
<dt>Unordered list</dt>
<dd>Unordered list is a list without any consideration to order</dd>
<dt>Odered list</dt>
<dd>This is a list in which order is important</dd>
<dt>Definition list</dt>
<dd>Definition list contains terms and description, much like a dictionary</dd>
</dl>