语义化的DL DT DD

首先看一张效果图:

2010081717020339.jpg

类似这样的结构是网页中最常见到的,人们对它的结构也是再熟悉不过了,一般都采用HX+UL和DIV+UL的方式,看了几个国内网站的结构也基本也这个形式,有的会更复杂一点,不排除是为了模块化等原因。
为什么不用DL DT DD?
DL(定义列表),如果按这个来理解,那么他完全可用于列表,就刚才的效果图来看也完全可以称得上是定义列表。
HX中的文本可以看作是一个列表的分类,也就是定义一个列表中内容的范围,多个DD可以替代LI。
优点:语义化布局,结构清晰,减少一部分标签。
缺点:我的感觉H2肯定是对搜索更有帮助。
我的理解就是这么多,不知道这种结构能不能得到认可。

转载于:https://www.cnblogs.com/joyan/archive/2010/08/17/1801628.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值