HTML 5语义标记应该用于样式吗？

我必须承认 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>

解决方法

如果您使用语义标记标记,则不应对同一事物使用分区标记.语义标签是一些div标签的替代品.

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