头闻号

佛山市南海隆诚塑料五金厂(普通合伙)

塑料加工|家用塑料制品|其他塑料制品|首饰包装|纺织设备和器材

首页 > 新闻中心 > 科技常识:常用的HTML5列表标签
科技常识:常用的HTML5列表标签
发布时间:2024-09-25 10:26:07        浏览次数:9        返回列表

今天小编跟大家讲解下有关常用的HTML5列表标签 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关常用的HTML5列表标签 的相关资料,希望小伙伴们看了有所帮助。

一、列表标签作用

作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体

二、列表标签分类:

1、无序列表unorderd list:给一堆数据添加列表语义,并且一堆数据中所有的数据都没有先后之分

格式:

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

注意:ul标签是给列表内容添加语义的不是添加小圆点的;ul标签和li标签是一个整体,一起出现;ul标签中不推荐包含其它标签,可以在li标签中添加其它标签

如何快速编写ul格式:ul>li*3 按tab键 生成一对ul标签,3对li标签

应用场景为新闻/商品列表/导航条

2、有序列表orderd list:

<ol> <li>xxx<li> </ol>

3、定义列表definition list:

<dl> <dt></dt> <dd></dd></dl>

dt: definition title定义标题

dd: definition description定义标题的描述

应用场景:网站底部的描述信息;图文混排

注意点:dl和dt、dd是一个整体,一起出现,dl中建议只放dt、dd;一个dt可以没有对应的dd,也可以有多个dd,建议一个dt对应一个dd;需要丰富界面时,可以在dt和dd标签中添加其它标签

以上所述是小编给大家介绍的HTML5列表标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱蒂网站的支持!

来源:爱蒂网