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标签当然仍然有用,因为当没有适合的语义标签时.