HPをつくっています。みなさん改行はどうされていますか？

質問

DREAMWEAVER9にてHPを作成しております。

そこで疑問に思っていることがあるのですが、
文章を書いていくとき改行はenterでやっていてタグは<p>が挿入されています．

他に<br>がありますがみなさんはどちらをつかわれていますか？

また他に質問があるのですが、
文章を読みやすいように３行ごとにすきまをあけていくのですが、
そのスキマが大きすぎるのです。

heigt150%でCSSしていますが、
ちょうどいい隙間にするにはどうすればよいでしょうか？

回答No.4

Muller3 · ベストアンサー

使い分けについてはNO.3の方のご回答に同意です。

pを使った場合にできるスキマは、ブラウザがデフォルトで持っているものです。
------------------------
<p>一つめの段落</p>
<p>二つめの段落</p>

p {margin: 0; padding: 0;}　/* ブラウザのスタイルシート初期化 */
------------------------
こうすると段落と段落の間にはスキマがなくなると思います。
この場合、line-heightが反映されます。
でもこういう方法
------------------------
<p>一つめの段落</p><br>
<p>二つめの段落</p>
------------------------
これでは一行空くだけですし、あまりいい方法ではありません。
------------------------
<p>一つめの段落</p>
<p>二つめの段落</p>

p {margin: 0 0 0.75em 0; padding: 0}
------------------------
brを乱用せず、pのmargin-bottomを設定して、スキマを調整した方がいいと思います。

ブラウザがデフォルトで持っているスタイルシートはブラウザの種類ごとに違うので、ブラウザによってかなり見映えが違うことがあります。このため、ブラウザスタイルシートの初期化がよく行われています。
http://youmos.com/news/yui_reset_css

回答No.3

steel_gray

目的に応じて使い分けします。

それが、「段落」であるならParagraphだし、「強制改行」をしたいなら（line)BReakを使います。

もう少し簡単にいうと、
文章の区切りにはPで、
単にアクセントを付けるための改行の時にはBRを、
使います。

質問文でいうなら一つの文章の先頭から「。」までの間はParagraph、
その中で「、」の後に改行を入れたいならBRを入れます。

例-質問文から引用
<p>また他に質問があるのですが、<br>
文章を読みやすいように３行ごとにすきまをあけていくのですが、<br>
そのスキマが大きすぎるのです。</p>
<p>heigt150%でCSSしていますが、<br>
ちょうどいい隙間にするにはどうすればよいでしょうか？</p>

スキマに関しては状況がよくわかっていませんが、
Paragraphは段落の区切りを示すために前後に1行分のマージンをとられるのが一般的です。
なので行間を調整したい場合、それを念頭においてスタイルを付けるといいでしょう。

以下も読んでみてください。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/text.html#h-9.3
http://bakera.jp/ref/html/element/br

回答No.2

noname#56882

<p>は「ひとつの段落であることを表す」ものなのであまり推奨されていないようです。
ですので<br>を使うようにしています。
自動的に挿入されてしまう場合も、後からその部分を訂正しています。

line-heightについては<p>を使われているため、隙間が大きくなってしまうのだと思います。
普通に<br>ですと150%くらいでもいいのではないでしょうか。
設定範囲は130%から160%くらいが見やすいのではないか、と個人的には思います。

回答No.1

Riruka

<p>は段落を示すタグなので、<br>は改行タグですので、
改行のみに使うのであれば、<br>が普通です。
ちなみに<p>と<br>では、<p>の方が改行幅が大きくなります。

お礼

ご回答ありがとうございます。

今Pタグからｂｒへ変更してみたのですが、
改行幅は同じでした。

なぜでしょうか？