css - 在 HTML5 的文章中使用主要内容持有者？

Question

我正在为自定义博客页面创建模板，我想知道以下内容是否属于良好的 HTML5？

当前

<article>
    <header class="clearfix">
        <h1><a href="/link">Title</a></h1>
        <p>Posted on the <time><?=date?></time></p>
    </header>
    <div>
        <p>main content will be here like this ...</p>
        <p>main content will be here like this ...</p>
        <p>main content will be here like this ...</p>
    </div>
    <footer>
        <div class="clearfix">
            <h3>Share this Article</h3>
            <div class="social-button">Facebook</div>
            <div class="social-button">Twitter</div>
            <div class="social-button">Google</div>
        </div>
        <div>
            <h3>Comments</h3>
            <strong>Coming Soon ...</strong>
        </div>
    </footer>
</article>

我试图避免 <div>对于“主要内容”，但我需要使用 clearfix 并且如果没有 div 似乎无法使以下工作正常进行？

article p:last-child:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }

<div> 的负面影响有多大？是？也许我应该使用 <section>在那里？

Answer 1

使用DIV 没有什么不好的(只要它不是用来替换更合适的语义元素)。它没有语义，它只是一个应用样式的通用容器。