Html 内容滑块：表格、列表等的有效用法

内容滑块（如或引导）使用

div

s来定义幻灯片。这对于图像和许多其他元素来说都很好，但对于列表或表格（可能还有更多）这样的东西来说没有多大意义

---

列出示例#1：

废话
废话
废话
废话
废话

这是无效的

---

列出示例2：

废话
废话
废话


废话
废话

这是有效的，但毫无意义，从可访问性的角度来看，这很糟糕，等等

---

是否有正确的方法将表格、列表等分散到多张幻灯片上？ 是否有一种方法可以使用表/列表的有效标记创建内容滑块*

---

也许HTML5带来了一些有用的东西（但我对此表示怀疑）

*CSS标记的原因使用

-stuff:

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

废话，废话，废话

废话，废话，废话

一个

就可以了，因为信息是一个列表。

---

你有幻灯片列表吗？我再也想象不出你用几句话展示一幅图像了。然后，只需

您想平均分配每张幻灯片的列表项吗？@PraveenKumar-Nope。在我的例子中，我实际上使用的是一个表，但是对于这个例子来说，列表更简单，但是与问题相关。例如，我希望每张幻灯片最多有10行表格。如果有15个，那么第一个会有10个，第二个会有5个。啊。。。我就是这么问的。在这种情况下，您需要进行大量的DOM遍历。计算数字，检查长度，并将其附加到表中。比如说，你需要休息一下，比如说：

insert（“
”）

-某种形式的，对吗？@PraveenKumar所以你建议我按原样显示表格，然后当dom准备好时：重新做结构并将其拆分为幻灯片（通过插入

divs

，等等）？这仍然是无效的html，尽管我还建议在加载DOM后将表拆分为多个表。我知道有一些滑块允许一个

ul

，但可以为每个幻灯片显示任意数量的

li

s。对于表格，我不知道该怎么做。我知道如何对文本、图像等使用滑块。如果你的内容是一个列表，那么它应该是一个列表。如果您的内容是表格数据，请在表格中显示。我不明白为什么一个人不应该使用滑块，撇开个人风格偏好不谈

<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>

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