设置HTML5元素的样式

规范中没有说你不能或者不应该设置HTML5元素的样式,比如 <section> 或 <article> 为了 “设计一些东西。使用 <div> 相反。

如果你有语义上的理由 < <文章> 以及 < .

<div class="mainBox">
    <nav class="breadcrumbs">
        <ol>
            <li>...list of links (snip)....</li>
        </ol>
    </nav>

    <section>
        <h1>Latest Tweets From Twitter</h1>

        <article>
            //... a Tweet (snip)... //
        </article>

        <article>
            //... a Tweet (snip)... //
        </article>

        //... lots more Twitter posts (snip)... //

    </section>

</div>

这个 < <节> 和 <文章> 元素也是。

设置这些标记的样式并不是不正确的,但它们不仅仅是为了设置样式,因为它们具有语义功能。一定要对需要使用的元素进行样式化,但不要添加它们来实现样式,从而破坏语义。