HTML--列表标签

列表标签定义

  • 作用:给数据添加列表语义,告诉浏览器这是一个整体

分类

  1. 无序列表(最多)(unordered list)
  2. 有序列表(最少)( ordered list)
  3. 定义列表(其次)(definition list)

区别

  • 无序列表无先后之分
  • 有序列表有先后之分

格式

  1. 无序列表
  • 条目内容
  • li是list item的缩写
    意思是列表条目
  • ul和li是一个整体组合,结合在一起使用
  • ul标签中最好不要配合其他标签,但在li标签中可以添加其他标签丰富界面
    1.1 应用场景
    • 新闻列表
    • 商品列表
    • 导航条
  1. 有序列表
  1. 条目内容
  • 除了语义不同,用法,注意点和ul差不多
  1. 定义列表
  • dt为英文definition title(定义列表标题)
  • dd为英文definition description(定义标题对应的描述)
  • 先通过dt标签定义列表所有标题,在通过dd标签定义标题内容
    3.1 应用场景
    • 网站尾部相关信息
    • 图文混排
  • 和ul/ol一样,dt/dd是一个整体
  • 一个dt可以没有对应的/有多个对应的dd,但不推荐,推荐一个dt对应一个dd
  • 和li一样,可以在dt和dd标签中继续添加其他标签

你可能感兴趣的:(HTML--列表标签)