72

<p>...</p>タグの代わりに別のタグを使用する必要がある場合の判断は<br />? この種のベストプラクティスは何ですか?

この質問について調べてみましたが、ほとんどの文章は少し古いように見えるため、このトピックに関する意見がその後進化したかどうかはわかりません.

編集:質問を明確にするために、これが私が扱っている状況です。<br>次のコンテンツにまたはを使用しますか<p>(ホームページの div に含まれていると想像してください):


ホームページへようこそ。

私たちのものをチェックしてください。

あなたは本当にすべきです。


さて、これらの行は技術的には「段落」ではありません。では、ブロック全体を<p>タグで囲んでマークアップするか、代わりに各行に<br>個別の を使用しますか?<p>

4

6 に答える 6

77

これらは 2 つの異なる機能を果たします。

<p>(段落) は、テキストを保持するために使用されるブロック要素です。要素<br />内で改行を強制するために使用されます。<p>

<p>Suspendisse sodales odio in felis sagittis hendrerit. Donec tempus laoreet
est bibendum sollicitudin. Etiam tristique convallis<br />rutrum. Phasellus 
id mi neque. Vivamus gravida aliquam condimentum.</p>

結果

felis sagittis hendrerit の suspendise sodales odio。Donec tempus laoreet est bibendum sollicitudin. Etiam tristique convallis rut
​​rum. Phasellus id mi neque. Vivamus gravida aliquam 調味料。

アップデート

新しい要件に基づいて、個人的に使用<p>してスペースを確保し、スタイリングを可能にします。将来、これらのパーツのいずれかのスタイルを設定する場合は、ブロック レベルでスタイルを設定する方がはるかに簡単です。

<p>Welcome to the home page.</p>

<p style="border: 1px solid #00ff00;">Check out our stuff.</p>

<p>You really should.</p>
于 2012-12-03T17:06:26.690 に答える
10

<p>情報の2つのストリームを別々の考えに分割する必要がある場合は、タグを使用します。

<p> Now is the time for all good men to come to the aid of their country. </p>

<p>The quick brown fox jumped over the lazy sleeping dog.</p>

タグは、Webページの<br/>テキストフロー内で強制的な改行として使用されます。詩など、テキストを次の行に続けたい場合に使用します。

<p>  Now is the time for all good men to come to the aid of their country. <br/>
The quick brown fox jumped over the lazy sleeping dog. </p>

ソース

于 2012-12-03T17:08:52.767 に答える
2

このスレッドの質問に答えるとき、私はエチケットのルールを破っているかもしれません — これまでの答えのほとんどは素晴らしいものでした — しかし、私はこの議論にどのようにアプローチしますか:

「p」はテキストを保持するために使用される要素であり、「br」タグはテキストを分割するために使用されることに同意しますが、多くの場合、それらの間に実際の行スペースがあるテキストの「ブロック」を操作したい場合があります。

例:
[私のテキスト ブロック]
Hello World!
-----これは空行です------
あなたはとても生き生きしています!
[/私のテキストブロック]

多くの人は、2 つの 'p' 要素を 'div' に配置して、その 'div' を操作するだけでよいと主張しますが、これはより時間がかかると感じています (つまり、私は怠け者です)。 'br' メソッド — その 1 つの 'p' だけを操作する必要があります。

私の非正統的な方法の問題は、行の高さに特定のスタイルが適用されている場合、二重の 'br' と 'p' によって作成される行間の間に間違いなく顕著な違いがあることです。

従うべきテクニックを決定するときは、次のことを考慮してください。

  • コードの可読性
  • ベストプラクティス
  • 時間
  • コードの残りの部分に対するショートカットの影響
于 2014-10-29T14:41:45.103 に答える
1

<p>2つの段落を分離する場合に使用する必要があります。ウィキペディアから:

パラグラフ(ギリシャ語のパラグラフォスから、「横に書く」または「横に書く」)は、特定のポイントまたはアイデアを扱う執筆における談話の自己完結型の単位です。

段落内に新しい行を強制する場合は、タグを使用し<br>ます。

于 2012-12-03T17:10:03.710 に答える
0

タグはブロック レベルのp要素であり、主にコンテンツを追加するために使用されますが、brタグは要素内で改行を強制するために使用されます。つまり、セマンティクスに従う場合です。最近では、タグなどに特定の意味を追加するために、多くの人がこれを行っています。それが役立つことを願っています。しかし、幸運を祈ります。=)

于 2012-12-03T19:41:10.967 に答える
0

<p>その中にコンテンツを入れるつもりがない限り、私は使用しません。もちろん、これは単なる意見に過ぎません (ほとんどの回答はそうであると思います)。

ただし、<p>より頻繁に使用される可能性があるタグのスタイルを設定する方が簡単な場合があります (少なくとも多くのオプションがあります)。私の唯一の問題は、これが(コードを読むときに)読みにくいことと、これらのスタイルが他の場所(おそらくタグを囲むタグに)に適用できるように感じること<p>です。

また、他の人が述べているように<br />、ブロック要素 (タグなど) 内のコンテンツを区切るためにタグを使用する必要があります<p>。以下を使用している場合:

<p class="a">some content...</p>
<p class="break"></p>
<p class="b">some other content...</p>

次に、タグを囲むタグの一方または両方でスタイルを使用して、必要な間隔を空ける必要があると主張p.breakます

于 2012-12-03T17:07:44.037 に答える