<li> 标签内部使用 <div> 符合标准和习惯吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5399 天前的主题，其中的信息可能已经有所发展或是发生改变。

我看网上的介绍，有的说行，有的说不行。

说行的理由是：标准没有规定不行，可通过验证。
说不行的理由是： <li>内部应该用<span>而不是<div>，说语义上使用<span>更合适。

<ul>
<li><div></div></li>
</ul>

<ul>
<li><span></span></li>
</ul>

span

17 条回复 • 1970-01-01 08:00:00 +08:00

icerunz

2011 年 4 月 7 日

我觉得用div大了点~看你具体什么用途了~

keakon

2011 年 4 月 7 日

当然符合，li默认就是block元素，block元素可以包含任意block和inline元素

darasion

2011 年 4 月 7 日

@keakon 嗯。谢谢。

moplay

2011 年 4 月 7 日

我不用

lychee

2011 年 4 月 7 日

li的类型貌似是list-item 介于block和inline之间最好用inline元素吧

Mianco

2011 年 4 月 7 日

一般不滥用div

YFZZ

PRO

2011 年 4 月 7 日

拿去W3C标准检测页面检测一下，能通过就OK。
不过li里放div给人的感觉非常奇怪。

solidh

2011 年 4 月 7 日 via iPod

有时候觉得实在别扭的话，我会给span设一个diasplay:block属性拿来当div用...

darasion

2011 年 4 月 7 日

就回帖看来，争议还是很大。。╮(╯_╰)╭。

chone

2011 年 4 月 7 日

可能会比较奇怪，主要是div没啥语义。至于标准不标准其实是其次，关键是用户要能得到最好的性能.可以考虑开始使用html5的新标签:)

airyland

2011 年 4 月 7 日

觉得不合适。但是HTML5里的a标签都可以放block标签了。

loading

2011 年 4 月 7 日

div 和 span 在css面前都一样。

loading

2011 年 4 月 7 日

div 和 span 在css面前都一样。
建议两个都不加，保持页面干净，用js加上去

aufula

2011 年 4 月 8 日

@keakon 默认是list-item;

aufula

2011 年 4 月 8 日

li span的语义就比li div强么？ li div还少写点代码。

iugo

2011 年 4 月 8 日

个人觉得没问题. 我觉得之所以感觉这样用奇怪是因为大家把 <li> 看得小了.

keakon

2011 年 4 月 8 日

@aufula 这么说吧，HTML是一门表语义的语言，设计者的出发点就是为了表达语义。

例如我们在word中写一本书时，必然要分为章、节之类的片段，这些片段都是自动编号的。在HTML中，它天然就应该是ol、li的形式，因为这样才能表达章、节之间的语义关系。

而在写这些部分时，我们不可避免地还需要添加注释、代码、表单之类的块元素，那么li必须设计成能包含块元素。

一个元素不仅有外在的展现形式，还有其内在的展现形式，这就是inline-block存在的理由。list-item显然是说它的外在展现形式，如果设计者希望写得这么复杂的话，或许今天你能看到的应该是更不易混淆的inline-inline、block-block和list-item-block。