2

テキストタイプのコンテンツがまったくないページがあります。jquery ヘッダー、2 つのサイドバー、およびフッターです。セカンダリ サイドバーは、動的に生成されるプラグインの Wordpress ウィジェットの列です。

好きなスライダーはhtml5なので思い切ってやってます。xhtml バージョンは次のとおりです。

// Area 4 home secondary
register_sidebar( 
    array (
        'name' => 'Home Secondary Widget Area',
        'id' => 'home_secondary_widget_area',
        'before_widget' => '<div id="%1$s" class="widget-container %2$s">',
        'after_widget' => "</div>",
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>'
     ) 
);

次に、これは次のように解析されます。

<div id="primary" class="widget-area">
    <ul class="xoxo">
        <li id="search-2" class="widget-container widget_search">
          <form role="search" method="get" id="searchform" action="http://localhost/wordpress_testbed/" >
            <div>
                  <label class="screen-reader-text" for="s">Search for:</label>
              <input type="text" value="" name="s" id="s" />
              <input type="submit" id="searchsubmit" value="Search" />
            </div>
       </form>
         </li>      
         <li id="recent-posts-2" class="widget-container widget_recent_entries">            
           <h3 class="widget-title">Recent Posts</h3>       
           <ul>
            <li><a href="http://localhost/wordpress_testbed/?p=1" title="Hello world!">Hello world!</a></li>
            <li><a href="http://localhost/wordpress_testbed/?p=358" title="Readability Test">Readability Test</a></li>
            <li><a href="http://localhost/wordpress_testbed/?p=188" title="Layout Test">Layout Test</a></li>
            <li><a href="http://localhost/wordpress_testbed/?p=128" title="Images Test">Images Test</a></li>
            <li><a href="http://localhost/wordpress_testbed/?p=555" title="Post Format Test: Gallery">Post Format Test: Gallery</a></li>
          </ul>
        </li>
    </ul>
</div>

ウィジェットはどのようにマークアップする必要がありますか? ボーナスは、タイトル メカニズムになります。

4

1 に答える 1

2

この状況では、 http://html5doctor.com/aside-revisited/<aside>で参照されているように、を使用してもまったく問題ありません。

HTML は問題なく動作し、HTML5 として検証されます。次のように、もっと簡単なものをお勧めします。

<aside>
    <section>
        <h2>Item Title</h2>
        <ul>
            <li>Some Items</li>
        </ul>
    </section>
</aside>
于 2012-10-22T22:24:54.020 に答える