适当的HTML页面结构？标题/内容应该包含哪些内容？

Question

新手自学网页设计。从理论上讲，我已经学会了html和css。在实践中，我遇到了麻烦。到目前为止，这是准系统代码。

<header>
        <a id="site-logo" href="/"><img src="#" alt="Dot Design" /></a>
        <nav>
            <ul>
                <li>Home</li>
                <li>About</li>
                <li>Services</li>
                <li>Portfolio</li>
                <li>Contact</li>
            </ul>
        </nav>
        <form id="search">
            <input type="search" placeholder="Search" />
        </form>
</header>
<div id="content>
   <!-- content goes here -->
</div>

以下是我参考练习的模板：http://min.us/i/braxZb11KQjfD
问题是我不确定是否：

• 红色框中的所有内容都应放在标题中
• 只有jquery滑块应该在标题
中
• 红色框中的所有内容都不应位于标题
中
• 或者无所谓，只是一个偏好问题

由于我没有经验，我想对哪种方法是正确的反馈？或者更普遍接受和首选？

非常感谢您的投入。

Answer 1

除非该内容描述了网页内容，否则红色框中的所有内容都不应位于标题中。在这一点上，它看起来不像。这只是主页内容。除非介绍与滑块直接相关，否则没有理由将两者合并。

<header></header>
<div id="content">
    <figure class="hero"></figure>
    <p class="lead"></p>
    ...
</div>

作为设置可以正常工作。 HTML提供了一种语义分组元素的方法（例如节和标题）或为样式提供钩子（#content和.hero等）。