ul标签 - 无序列表
DIV+CSS的布局怎么能少的 ul 标签?ul 是 unordered
lists
的缩写,中文意思“无序列表”。有序列表的意思是使用编号来记录每个项目顺序,那么相反,无序列表的特征在于使用一种非编号的记录方式,它会在每一个项目文字之前,以符号的形式作为分项的标记,这些符号如:disc(圆点)、circle(圆圈)、square(方块)等。
在无序列表和有序列表中都包含着一个记述项目的标签﹤li﹥,普通显示数据的时候,ul是项目列表,li就是列表里的每个项目,可以用来显示数据。ul+li的组合可以替换表格(table)的作用,配合CSS一起设置还能达到更丰富的效果。在默认情况下,ul无序列表是以disc(实心的黑圆点)显示的,请看以下的一组实例:
ul标签中可以包含多个li标签,在上图左边的代码中,可以看到 ul 首标签与 ul
尾标签分别代表着一个无序列表的开始与结束,而里面的 li
标签则表示的是列表中的每一项,若不为标签设置任何样式,在浏览时则会自动在每一项的前面添加黑点的项目符号,如果要去掉ul标签中每个项目的符号,也可以为
ul 标签设置CSS样式,代码为:ul
style="list-style:none";而如果要单独的去掉其中一项的项目符号,就需要为其中的一个 li
设置该样式,代码为:li style="list-style:none";假若在一个DIV中包含了多个 ul 列表,要这些 ul
并排显示,可以设置CSS左浮动的样式,代码为:ul style="float:left";假若要 ul 标签中的每个 li
并排显示,则需为 li 设置左浮动,代码为:li style="float:left"。
li 嵌套 ul
请仔细看下图在 li 标签中嵌入 ul 实例:
上图中分别在“ul标签”项目中嵌入了新的 ul 列表,在“dl标签”项目中也嵌入了新的 ul 列表。
ul
标签中的属性“compact”规定列表呈现的效果比正常情况更小巧;属性“type”规定列表的项目符号的类型。在 HTML 4.01
中,这两个属性已废弃,HTML5 则不支持这两个属性,所以也不做多介绍。