s3slider代码没有验证 - <ul>中不能有<div>?</ul> </div>

时间:2014-02-01 23:36:20

标签: javascript html xhtml slider

我的s3slider工作正常,但我无法验证它。我一直收到错误消息“文档类型不允许元素”div“这里;假设缺少”li“开始标记[XHTML 1.0 Transitional]”和“结束标记为”li“省略,但OMITTAG NO被指定[XHTML 1.0过渡]”。

很多人都使用这个滑块,所以他们只有无效代码?问题是嵌套在<div class="clear s3sliderImage"></div>内的<ul>。如果我将它放在ul之外,那么silder的最后一张图像就不会显示 - 正如作者在下面的链接中指出的那样。

请参阅s3slider代码和说明here

<div id="s3slider">
<ul id="s3sliderContent">
    <li class="s3sliderImage">
        <img src="#">
        <span>Your text comes here</span>
    </li>
    <li class="s3sliderImage">
        <img src="#">
        <span>Your text comes here</span>
    </li>
    <div class="clear s3sliderImage"></div>
</ul>

1 个答案:

答案 0 :(得分:0)

ul唯一有效的孩子是li。要对此进行验证,请将清除器移到最后li内或ul之外。

更好的是,在overflow: hidden上设置li.sliderImage并完全跳过清算div。事实上,在demo page上删除它似乎没有任何负面影响,至少在Chrome中是这样。我的猜测是它解决了旧的IE问题。