什么是无序列表?如何定义无序列表? 您所在的位置:网站首页 无序列表的特点 什么是无序列表?如何定义无序列表?

什么是无序列表?如何定义无序列表?

2023-07-03 09:24| 来源: 网络整理| 查看: 265

在web前端中,无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间为并列关系,没有顺序级别之分。比如一些企业官网的导航栏结构清晰,各列表项之间的排序不分先后,这个导航栏就可以看做一个无序列表。定义无序列表的基本语法格式如下:

列表项1 列表项2 列表项3 ......

在上面的语法中,标记用于定义无序列表,标记嵌套在标记中,用于描述具体的列表项,每对中至少应包含一对。值得一提的是,和都拥有type属性,用于指定列表项目符号。在无序列表中type属性的常用值有三个,它们呈现的效果不同,具体如下图的表格所示。

表-无序列表的常用type属性值

解了无序列表的基本语法和type属性,下面来创建一个无序列表:

无序列表 衣服 T恤 连衣裙 裤子 传智播客学科 网页平面 Java PHP

创建了两个无序列表,并通过type属性为它们定义列表项目符号。在第一个无序列表中,对标记应用type属性,在第二个列表中对其子列表项应用type属性。运行上述demo。

无序列表效果展示

可以看出,不定义type属性时,列表项目符号显示为默认的“●”,为或定义type属性时,列表项目符号则按定义的样式显示。

注意:

1、不赞成使用无序列表的type属性,一般通过CSS样式属性替代。

2、与之间相当于一个容器,可以容纳所有的元素。但是中只能嵌套,直接在标记中输入文字的做法是不被允许的。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有