(X)HTML 中的三种列表-UL、OL

作者:vkvi 来源:千一网络(原创) 日期:2009-2-6

用法

UL 和 OL 的用法很像,它们均有子标签 li:

<ul>
  <li>千一产品</li>
  <li>技术文档</li>
</ul>

<ol>
  <li>千一产品</li>
  <li>技术文档</li>
</ol>

一般用法上来说,只是 u 和 o 的区别。默认情况下,ul 项目(li)前面是实心圆点引导,而 ol 是数字(1、2……)引导。但 ul 设置样式 list-style-type:decimal; 也可实现数字引导,所以大多数情况下使用 ul。

li 下可以继续嵌套 ul 或 ol。

属性

ul 和 ol 以及它们的 li 还有几个属性,这几个属性虽然也是符合 XHTML 1.0 Transitional,但 W3C 已经标明并不推荐使用,但了解一下也是没有坏处的。

type 现已经被 CSS 的 list-style-type 取代。

start 只用于 ol,用于项目(li)引导数字从哪个值开始。

value 只用于 li,用于强制设置当前项目(li)引导数字,而不是从上一个项目(li)的引导数字 +1。

compact 设置该属性为 true 后,浏览器使用更紧凑的样式来显示列表。浏览器不一定支持。

相关文章
文章评论