列表的应用场景
场景：在网页中按照行展示关联性的内容，如：新闻列表、排行榜、账单等
Ø 特点：按照行的方式，整齐显示内容
Ø 种类：无序列表、有序列表、自定义列表
无序列表
场景：在网页中表示一组无顺序之分的列表，如：新闻列表。
显示特点：
• 列表的每一项前默认显示圆点标识
Ø 注意点：
• ul标签中只允许包含li标签
• li标签可以包含任意内容
有序列表
场景：在网页中表示一组有顺序之分的列表，如：排行榜。
显示特点：
• 列表的每一项前默认显示序号标识
Ø 注意点：
• ol标签中只允许包含li标签
• li标签可以包含任意内容
有序列表标签的嵌套规范是什么？
• ol标签中只允许嵌套li标签
• li标签中可以嵌套任意内容
自定义列表
场景：在网页的底部导航中通常会使用自定义列表实现。
显示特点：
• dd前会默认显示缩进效果
Ø 注意点：
• dl标签中只允许包含dt/dd标签
• dt/dd标签可以包含任意内容
自定义列表由几个标签组成？分别表示什么？
• dl标签：表示自定义列表的整体
• dt标签：表示自定义列表的主题
• dd标签：表示对于主题的每一项内容
Ø 自定义列表标签的嵌套规范是什么？
• dl标签中只允许嵌套dt/dd标签
• dt/dd标签中可以嵌套任意内容
无序列表最常用，有序列表偶尔用，自定义列表底部导航用
声明：该文观点仅代表作者本人，《前端技术分享网》系信息发布平台，前端技术分享网仅提供信息存储空间服务。发布者：果壳日志，转载请注明出处：https://www.xin12123.com/n/395.html
