0

そこで、タイトル、作成者、投稿自体を表示するコンテンツ セクションをコーディングしたいと思います。使用しているコードは、タイトルを 1 つの行の上に表示し、次に作成者を別の行に、コンテンツを別の行に表示する場所です。

<div id="main">
    <div class="container">
        <div class="title">Title</div>
        <div class="author">Author</div>
        <div class="content">
            Content here
        </div>
    </div>
</div>

または、スパンはこのようなより良い選択でしょうか?

<div id="main">
    <div class="container">
        <span class="title">Title</span>
        <span class="author">Author</span>
        <span class="content">
            Content here
        </span>
    </div>
</div>

または、これを行うための完全に異なるより良い方法はありますか?

ありがとうございました。

4

5 に答える 5

1

それは問題ではありません。お互いを支持するすべての答えは問題ありませんが、かなり恣意的な意見です。

結局、とは両方ともDIV単なるSPAN汎用コンテナです。それらはそれ自体では何の意味もありません。

したがって、これら2つのいずれかを選択する必要がある場合は、問題ではありません。ただし、1つの要件により、次のようになります。

ある行の一番上にタイトルを置き、次に別の行に著者を置き、別の行にコンテンツを置きたい場所です

... DIVdivを使用することをお勧めします。デフォルトでは、divはブロックレベルの要素です。つまり、自動的に個々の行にフォーマットされます。

とは言うものの、おそらくよりセマンティックなコンテナを検討することを提案している人は誰でもスポットオンです。これは？としてより適切に扱われolますか？それともpタグだけですか？

于 2013-03-17T21:46:00.863 に答える
1

divはコンテンツのグループ化であり、spanテキストレベルのセマンティクスです。与えられた2つの例のうち、後者はあなたがよりよく使うものです:

<div id="main">
    <div class="container">
        <span class="title">Title</span>
        <span class="author">Author</span>
        <span class="content">
            Content here
        </span>
    </div>
</div>

ただし、含まれている内容によっては、その.contentために使用したい場合がありますdiv。

仕様に適切に準拠するciteには、タイトルに使用する必要があります。同様に、あなた.contentが引用または抜粋である場合は、またはを使用する必要がありqますblockquote

<div id="main">
    <div class="container">
        <cite class="title">Title</cite>
        <span class="author">Author</span>
        <q class="content">
            Content here
        </q>
    </div>
</div>
于 2013-03-17T21:26:33.830 に答える
1

s の代わりに HTML セマンティック マークアップを試したほうがよいのではないでしょうdivか?

<section id="main">
    <article>
        <hgroup>
            <h1>Title</h1>
            <h2>author</h2>
        </hgroup>
        <section>
            Content
        </section>
    </article>
</section>
于 2013-03-17T21:27:44.513 に答える
0

div質問がとのどちらかを選択するだけの場合span、答えは...

span個々の要素とdivブロックに使用されます。

2 番目のバリアントは、最初のバリアントよりも優れています。

詳細については、要素のグループ化: DIV 要素と SPAN 要素を参照してください。

そこからの引用は次のとおりです。

これらの要素は、コンテンツがインライン (SPAN) またはブロックレベル (DIV) であることを定義します。

于 2013-03-17T21:25:45.013 に答える
0

<div>タグは、ページを論理ブロックに分割するために使用する必要があります。ここでは a の<span>方が適切です。

ただし、テキストを表示していると、次のような問題が発生します。

<div id="main">
    <div class="container">
        <h2 class="title">Title</h2>
        <a class="author">Author</a>
        <p class="content">
            Content here
        </p>
    </div>
</div>

結局のところ、それらはテキスト専用に設計されています。

于 2013-03-17T21:27:19.770 に答える