为了使网页更加容易被解读,我们经常将网页中的信息以列表的形式呈现,比如淘宝商城首页的商品服务分类,就是以列表的形式呈现的,看起来排列有序且条理清晰。为了满足我们网页排版的需求,HTML语言提供了3种常用的列表元素,分别为ul元素(无序列表)、ol元素(有序列表)以及dl元素(定义列表),接下来将对这3种元素进行讲解。
#1.ul元素
无序列表是网页中最常用的列表,之所以称为”无序列表”,是因为其各个列表之间没有顺序级别之分,通常是并列的,网页的导航栏就可以看作一个无序列表。定义无序列表的基本语法格式为:在图中ul标记用于定义无序列表,li标记嵌套在ul标记中,我们可以在li中对列表项内容进行填充,且每对ul至少包含一对li。
#2.ol元素
有序列表顾名思义即为有排列顺序的列表,它的每一个列表项都会按照一定的顺序排列,比如网页中的热点排行榜等可以通过有序列表来实现,定义有序列表的基本语法格式为:在上面的语法中ol标记用来定义有序列表,li为具体的列表项,和无序列表相似,且每对ol至少包含一对li。
#3. dl元素
定义列表常用于对术语或者名词进行解释和描述,与无序列表和有序列表不同的是,定义列表的列表项前没有任何的项目符号,其基本语法为:在上图中的语法中,dl标记用于指定定义列表,dt和dd并列嵌套在dl内,其中dt用于指定术语名词,dd用于对名词进行解释和描述,一对dt可以有多个dd。
HTML5页面元素及属性之列表元素
最新推荐文章于 2021-11-21 15:37:05 发布