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>主要内容＆＃39;但是我需要使用clearfix，并且似乎无法在没有div的情况下完成以下工作吗？

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

<div>会有多么消极？也许我应该在那里使用<section>？

Answer 1

使用DIV没有什么不好（只要它不用于替换更合适的语义元素）。它没有语义意义，它只是应用样式的常用容器。

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

1 个答案: