web-dev-qa-db-ja.com

<br>改行とCSSの配置をいつ使用するのですか?

<br>改行の適切な使用についてよく疑問に思いました。代わりにCSSを使用する必要があるコンテンツの配置またはクリアに、誤って使用されることが多いようです。

W3schoools.orgは、空白行には<br>を使用するように言っていますが、 作成または分離 段落には使用しないようにしています。 W3C HTML5仕様ドラフト を見ると、コンテンツで住所の行や詩の空白行などの改行が必要な場合に、<br>が使用されることが少し明確になります。著者。

しかし、私はまださらなる説明に興味があるか、他の誰かに入力します。 <br>タグを使用せず、代わりに必要なクリア、マージン、パディングなどを使用して要素をスタイリングして、必要なスペースを作成することを選択することがよくあります。

それが非常に重要であるというわけではありませんが、人気のある(「信頼できる」)サイトが<br>を使用している場合、これについて考えさせられた例を次に示します。ここでは、CSSを介して兄弟から<a>をクリアします。

<p>Lorem ipsum dolor sit amet, consectetur tempor laborum.</p>
<br>
<a href="#readmore">more &gt;&gt;</a>
28
brandonjp

私にとって、改行は段落内でのみ使用して改行を示す必要があります。 HTMLがChopSueyのように見え、HTMLドキュメントのセマンティクスが就学前の誰かがDreamweaverを使用したように見えた当時、段落間に改行を追加することが使用されていました。

私は個人的にコンテンツの分離のためにマージンとパディングに依存しています。<br />を使用する必要がある場合、それは私が何か間違ったことをしたことを意味します。住所の行は適切な使用法の完璧な例だと思います。私はのみこれらのシナリオに固執します。

52
Marko

改行がスタイル設定されていないドキュメント内で意味的な意味を持つ場合。

誰かが言ったように、詩は良い例です-従来、詩は行の間に改行を入れて書かれています。住所もそうです。詩の行または住所を段落要素でマークアップすることは意味がありません。これらは、詩の住所全体またはスタンザによりよく一致するためです。

9
Chris Cox

仕様に同意します。段落内に新しいテキスト行を作成するには、brを使用する必要があります。意味的には、段落は上または下の余白があるテキストのブロックですが、brは余白を指定せず、同じ行の高さ/行間隔の改行だけを指定します。

2
automagic

顧客が編集できる場合は改行を使用します。ページ上の特定の要素の周囲にスペースが表示される理由について混乱するよりも、リターンキーを使用する方が簡単です。これはほとんどの場合テキスト領域内にありますが、<br />を使用して他に何かを配置する理由はありません。

1
whostolemyhat

私の意見:

<br>は、作者が意図した場合に、住所の行や詩の空白行など、コンテンツに改行が必要な場合に使用されます。

(そうは言っても、段落を区切るために使うこともあります)</ br>

0
orolo

ブレークタグ(単独で使用する場合は<br />

特に単一の線のみを切断するため、位置決め用ではなく線を切断するために使用する必要があります。

リターンキーを使用するのと同じ概念が背後にあるはずです。

それが役に立てば幸い。

0
Trufa