0

bxsliderやBootstrapのカルーセルなどのコンテンツスライダーは、 sを使用してスライドdivを定義します。これは画像や他の多くの要素には最適ですが、リストやテーブル（およびおそらくそれ以上）のようなものにはあまり意味がありません。

リスト例＃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>ください：

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

<ul>情報はリストなので、Aで問題ありません。リストをスライドしますか？私はあなたがいくつかの言葉でイメージを示すことはできません。次に、ちょうど<p>.

于 2012-08-28T10:21:30.013 に答える