HTML5语义混乱

Question

最后，我决定看一看HTML5 &看看有什么值得大惊小怪的，但却遇到了来自世界各地关于何时何地使用什么语义标签的相互矛盾的说法。

谁能告诉我这对于HTML5在语义上是否正确，以及是否应该在“项目图像”周围有< figure >标记)。

提前感谢

    <div>

    <!--    Header/Logo    -->
    <header>
        <div>
            <h1 class="hidden">Website name</h1>
            <a href="/">
                <img id="Logo" src="#" alt="Website name" />
            </a>
        </div>

        <!--    Main site nav   -->
        <nav>
            <ul>
                <li><a href="#">menu1</a></li>
                <li><a href="#">menu2</a></li>
                <li><a href="#">menu3</a></li>
            </ul>
        </nav>
    </header>



    <!--    Item menu   -->
    <aside>
        <ul>
            <li>
                <h2>ItemMenu1</h2>
                <ul>
                    <li>opt1</li>
                    <li>opt2</li>
                    <li>opt3</li>
                </ul>
            </li>
            <li>
                <h2>ItemMenu2</h2>
                <ul>
                    <li>opt1</li>
                    <li>opt2</li>
                    <li>opt3</li>
                </ul>
            </li>
        </ul>
    </aside>



   <!--    Items    -->
   <section>
        <ul>
            <li>
                <article>
                    <h2><a href="#">Item 1</a></h2>
                    <a href="#"><img src="#" alt="image of item" /></a>
                    <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p>
                    <p>Price: $$$$</p>
                    <p>[Brief descrition..]</p>
                </article>
                <article>
                    <h2><a href="#">Item 2</a></h2>
                    <a href="#"><img src="#" alt="image of item" /></a>
                    <p>Date added: <time datetime="2011-07-30">7/30/2011</time></p>
                    <p>Price: $$$$</p>
                    <p>[Brief descrition..]</p>
                </article>
            </li>
        </ul>

        <!--    Paging   -->
        <nav>
            <ul>
                <li><a>Prev</a></li>
                <li><a>1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>Next</a></li>
            </ul>
        </nav>
   </section>


    <footer>
        <div>
            <p>Copyright...</p>
            <!--    Site links etc   -->
            <nav>
                <ul>
                    <li>...</li>
                </ul>
            </nav>
        </div>
    </footer>


</div>

Answer 1

您错误地使用了section，因为您没有给它一个标题。您将其用作包装器，这是不正确的。一个div就可以了。

Answer 2

<figure>和<figurecaption>用于表示不符合上下文的内容，例如代码示例。它们还可以用于为主题或其他内容提供附加信息。

你读过whatwg.org上的定义了吗