html - 是否应该将 HTML 5 语义标记用于样式设置？

Question

我必须承认 HTML5 语义标记让我感到困惑。我特别在谈论这些标签:

<header>
<nav>
<section>
<article>
<aside>
<footer>

使用语义元素为 UA 提供通常无法从 <div> 中获取的信息，但它们是否应该与一起使用 <div>标签还是可以/应该直接设置语义标记的样式？

换句话说，什么是正确的方法？

这个:

<div id="content">
    <section>
        <h1>Lorem ipsum></h1>
        <p>Text</p>
    </section>
</div>

或者这个:

<section id="content">
    <h1>Lorem ipsum></h1>
    <p>Text</p>
</section>

Answer 1

如果您正在使用语义标记标签，则不应同时对同一事物使用分部标签。语义标签替代了一些 div 标签。

div 标签当然仍然有用，因为当没有适合的语义标签时。