0

内容滑块，如bxslider或 Bootstrap 的轮播，使用divs 来定义幻灯片。这对于图像和许多其他元素非常有用，但对于列表或表格（可能更多）之类的东西没有多大意义。

列出示例 #1：

<div><!--slider container-->
    <ul>
        <div class="active"><!--currently shown slide-->
            <li>Blah</li>
            <li>Blah</li>
            <li>Blah</li>
        </div>
        <div><!--another slide-->
            <li>Blah</li>
            <li>Blah</li>
        </div>
    </ul>
 </div>

这是无效的。

列表示例 #2：

<div><!--slider container-->
    <div class="active"><!--currently shown slide-->
         <ul>
            <li>Blah</li>
            <li>Blah</li>
            <li>Blah</li>
         </ul>
    </div>
    <div><!--another slide-->
         <ul>
            <li>Blah</li>
            <li>Blah</li>
         </ul>
    </div>
 </div>

这是有效的，但没有意义，从可访问性的角度来看很差，等等。

是否有在多张幻灯片上展开表格、列表等的正确方法？

有没有办法使用表格/列表的有效标记创建内容滑块？*

也许 HTML5 带来了一些可以帮助的东西（但我对此表示怀疑）。

* CSS标签的原因

4

1 回答 1

-1

使用<section>-stuff：

<div><!--slider container-->
    <section><!--currently shown slide-->
        <p>Blah, blah, blah!</p>
    </section>
    <section><!--another slide-->
         <p>Blah, blah, blah!</p>
    </section>
    </div>

A<ul>很好，因为信息是一个列表。你会滑动列表吗？我无法想象更多你用几句话展示图像。那么，就<p>.

于 2012-08-28T10:21:30.013 回答