HTML5语义标记帮助

Question

我刚刚开始了一个新的应用。下面是我的任务的基本模型。我刚开始将HTML5用于我的语义标记，所以我需要一些反馈/帮助。

我想了解如何/在哪里使用<nav>和<section>之类的东西

​

<div id="container">
    <header>

    <div id="appInformation">
      <a href="#" alt="Home">
        <img src="">
      </a>

      <span>Selected AppName</span>
    </div>

    <div>
        <span id="time">TIME GOES HERE</span>
    </div>

    <div>
      <a href="#" alt="Additional Information">
        <img src=""><!-- This is will be the location of the the 'i'-->
      </a>
    </div>

    <div class="">
      <label>UserName</label>
    </div>  

    </header>
    <div id="main">
        <!-- main content for the selected app here -->
    </div>

    <footer>

        <div id="appVersion">
            VERSION # HERE
        </div>

        <nav>
            <ul>
                <li>
                    <a href="#">FAQ</a>
                </li>
            </ul>
        </nav>

        <div id="">
            <!-- Team logo here-->
        </div>

    </footer>

​

​

Answer 1

• 避免不必要的分区。
• 对时间元素使用时间标签，而不是Div。
• 如果你没有任何东西可以引用，比如输入，就避免使用Label。

Selected AppName TIME GOES UserName VERSION # HERE常见问题解答

Answer 2

除了@Simon Arnold的很好的答案之外，我可能还会建议<nav>的用法是不正确的。页脚中的单个链接很难被解释为“主要导航块”。在http://dev.w3.org/html5/spec/sections.html#the-nav-element上查看绿色文本的第一个注释