+ -
当前位置:首页 → 问答吧 → ul列表里嵌套h4标签

ul列表里嵌套h4标签

时间:2010-05-06

来源:互联网

不讨论标准的问题。
出于需要,h4嵌套在UL列表里,都是块框嵌套在块框里。

标准浏览器应该不会出现什么问题吧,比较担心的是IE里会不会出现一些比较怪异的现象。

以前在<li>标签里给子元素加浮动的时候,IE莫名其妙的多了些下边距,其它浏览器不会。

作者: bedea   发布时间: 2010-05-06

现在我用<dl><dt><dd>来解决需要,上面只是想问下 LI 在IE下有什么特性

作者: bedea   发布时间: 2010-05-06

对于下边距的问题,要贴代码上来才好判断。有可能是元素本身有margin,比如form、p。

h4嵌套在UL中,都是边框嵌套边框里。 这是什么意思呢?只要能通过验证,就没有问题。怪异现象是可以避免的,但一旦出现,也并不是没有解决办法。

作者: yoom   发布时间: 2010-05-06

我最近也遇到过这样的情况,需要在ul里嵌套hn。
其实也不是必需的,可以把第一个li用个特定的class来控制下充当hn。
但一直很好奇的是,UL到底能不能嵌套Hn。
按照这个帖子的说法,strict下UL只能嵌套LI的(不知道我又没有理解错)。
奇怪的是,我用这段代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{margin:0; padding:0;} li{list-style:none;} .box{ border:1px solid #F60; width:275px; height:165px; margin:30px; } .box h2{ background:#FFA042; padding:5px; } </style> </head> <body> <div class="box"> <h2>UL内嵌Hn的测试</h2> <ul> <h3>ul 内嵌的 h3</h3> <li>其他项目</li> <li>其他项目</li> </ul> </div> </body> </html>
 提示:您可以先修改部分代码再运行
去 W3C 验证,居然通过了...
有点迷惑了,求达人意见...

作者: veapon   发布时间: 2010-10-16