有序列表,无序列表和定义列表
HTML语言由许多不同的元素组成。 这些单独的元素充当网页的构建块。 查看网页上任何页面的HTML标记,您将看到常见元素,包括段落,标题,图像和链接。 你几乎肯定会看到的其他元素是列表。
HTML中有三种类型的列表:
- 有序列表
这些有时被称为编号列表,因为默认情况下,该列表中包含的列表项具有特定的数字顺序或排名。 有序列表适用于项目的确切排序对内容含义至关重要的地方。 例如,配方可能会使用有序列表,因为所提供的步骤不是以任意顺序完成的。 这些步骤的顺序对该配方的结果至关重要。 任何分步过程最好作为有序列表呈现。
- 无序列表
这些有时称为项目符号列表,因为无序列表的默认视觉外观是在列表项目前面有小的项目符号图标 。 这种类型的列表最适合用于没有必需订单的列表。 列表项将以您为HTML编写的任何顺序显示,但您正在确定该顺序,与配方或逐步过程不同,顺序可能会更改,而内容的含义不会受到影响。 例如,如果您列出与您一起工作的人的名单,您可以按字母顺序排列,或根据年资或按部门等进行排序。任何这些排序都有意义并且列表的含义(与您一起工作的人员)不会改变,不管你选择哪个选项。 订单由您和您的标记决定,因此不需要确切的数字。 这对于无序列表来说是一个很好的选择。
- 定义列表
这些是包含两部分的项目清单,即要定义的术语和定义。 它们通常用于显示定义/描述对,就像您在字典中找到的那样,但定义列表也可以用于许多其他类型的内容。
有序列表
使用
- 标签(需要结尾 ol>标签)来创建一个编号列表,其编号从1开始。
- 标签对创建的。 例如:
- 条目1
- 条目2
- 条目3
在要显示要遵循的列表项目的特定订单的任何地方使用有序列表,或按顺序对项目进行排名。 同样,这些列表通常可以在说明和配方中在线找到。
无序列表
使用
- 标签(需要结尾的 ol>标签)用项目符号而不是数字创建一个列表。 就像有序列表一样,元素也是用这个元素创建的
- 标签对。 例如:
- 条目1
- 条目2
- 条目3
使用无序列表列出任何不必按特定顺序排列的列表。 这是在网页上找到的最常见的列表类型。 您经常会在网站导航中看到这些列表,以显示该菜单中的各种链接。
定义列表
定义列表为每个条目创建一个包含两部分的列表:要定义的名称或术语以及定义。 这将创建类似于词典或术语表的列表。 有三个标签与定义列表相关联:
定义列表
-
- 来定义定义术语
-
- 来定义术语的定义
以下是定义列表的外观:
这是一个定义术语
这是定义
定义2
定义3
正如你所看到的,你可以有一个单词,但给它多个定义。 想想“书”一词......一本书的定义是一种阅读材料,而另一种定义将是“时间表”的同义词。 如果你编码的话,你会用一个词,但是两个描述。
您可以在任何有定义列表的地方使用定义列表,每个列表包含两部分。 最常见的用法是术语表,但您也可以将其用于地址簿(名称是术语,地址就是定义)或许多其他有趣用途。
元素是使用