0

カスタム ブログ ページのテンプレートを作成していますが、次のものが適切な 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>

「メイン コンテンツ」のを回避しようとしましたが、clearfix を使用する必要があり、 ?<div>なしでは次のように動作しないようです。div

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

どれくらいマイナスに<div>なるの？多分私は<section>そこを使うべきですか？

4

1 に答える 1

1

DIV(より適切なセマンティック要素を置き換えるために使用されない限り)使用するのに悪いことは何もありません。意味的な意味はありません。スタイルを適用するための単なる一般的なコンテナーです。

于 2013-01-10T15:53:45.800 に答える