美文网首页
五,列表标签

五,列表标签

作者: 绝恋轩儿 | 来源:发表于2017-01-06 20:00 被阅读0次

一,无序列表

1,列表标签定义

给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体的标签我们称之为列

表标签。

2,列表标签的分类

1)无序列表(最多)(unordered list)

2)有序列表(最少)(ordered list)

3)定义列表(其次)(definition list)

3,无序列表

作用:给一堆数据添加列表语义,并且这一堆数据中所有的数据都没有先后之分。例如:中国有哪些城市。

格式:

<ul>

    <li>需要显示的条目的内容<li>

<ul>

其中:li是list item(列表条目)的缩写。

注意:

1)ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加条目前的小圆点的;

2)ul标签和li标签是一个整体,是一个组合.所以一般情况下ul标签和li标签都是一起出现,不会单个出

现.也就是说不会单独使用一个ul标签或者单独使用一个li标签,都是结合在一起使用;

3)由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其它标签,也就是说以后你在ul标签中只

会看到li标签。

无序列表应用场景:

1)新闻列表;2)商品列表;3)导航条。

有序列表和无序列表使用规则差不多,只不过,有序列表中的条目有先后之分,例如排行榜。

4,定义列表

作用:

1)给一堆数据添加列表语义;

2)先通过dt标签定义列表中的所有标题,然后再通过dd标签给每个标题添加描述信息。

格式:

<dl>

  <dt></dt>

  <dd></dd>

  <dt></dt>

  <dd></dd>

</dl>

其中,dt是英文definition title 的缩写,用来定义列表标题的;dd是英文definition description的缩

写,是用来定义标题对应的描述的。

应用场景:

1)做网站的尾部信息;2)图文混排。

注意:

1)dl和dt/dd是一个整体,所以他们一般情况下不会单独出现,都是一起出现。

2)dl和dt/dd是组合标签,一般情况下建议dl中只放dt和dd标签;

3)一个dt可以没有对应的dd,也可以有多个对应的dd,但是无论有或者没有dd都不推荐使用.

推荐使用一个dt对应一个dd

4)当需要丰富界面时,在dt和dd标签中继续添加其它标签。

相关文章

  • 五,列表标签

    一,无序列表 1,列表标签定义 给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体的标签我们...

  • 五、列表标签

    一、列表标签 表格是用来显示数据的,那么。最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。根据使用情景...

  • markdown 初试

    一级标签 二级标签 五级标签 引用 粗体 无序列表 无序列表多级列表 有序列表第一项 有序列表第二项 有序列表第三项

  • Day3

    高级标签: 列表标签: 无序列表标签: 标签。 标签则是列表项。 有序列表: 标签 自定义列表: 标题...

  • 2.16Day3笔记

    高级标签 ①列表标签: 有序列表标签: 无序列表标签: 列表项: 自定义列表: ...

  • 简书语法

    标签页功能 一级标签 二级标签 三级标签 四级标签 五级标签 六级标签 列表页功能 有序列表 文本1 文本2 文本...

  • 来plMarkDown

    一级标签 二级标签 三级标签 四级标签 五级标签 六级标签 斜体粗体 无序列表(1) 1 2 3 无序列表(2) ...

  • ## HTML基础-列表标签/表格标签

    ## HTML基础-列表标签/表格标签 # 列表标签(无序列表/有序列表/定义列表) # 表格标签 # 单元格合并...

  • Html阶段第二小节第一天

    1.有序列表标签 列表标签和列表项标签之间一般不穿插其它标签,列表项标签之间可以穿插其它标签。 2...

  • 《任务201-1之HTML列表》

    HTML下的列表与其实例 列表标签 有序标签 ... 无序标签 ... 列表项标签,嵌套于有序与无序标签内部 ...

网友评论

      本文标题:五,列表标签

      本文链接:https://www.haomeiwen.com/subject/bpjxbttx.html