1 Enterキーで行間隔が
2025年11月18日のgooブログのサービス終了を前に、はてなブログに移行された方が相当数いるようです。
「ご同輩、勝手の違いはいかがであろうか?」
私もgooからはてなブログに移った一人ですが、使い勝手が違うことで、少々戸惑うことがあります。
まず戸惑ったことの一つが、記事作成時での「改行」です。
記事の新規投稿をするには、記事編集画面の「編集見たまま」モードを開きます。
この画面で記事を作成中、文の途中で改行しようと思い、Enterキーを押します。それで、改行はされます。確かに改行はされるのですが……、改行前の行と、改行後の次の行との間で、行間が大きく開いてしまいます。
通常の行間隔よりも、1.5倍くらいでしょうか、広くなっています。下図のとおりです。

2 通常の改行にする
では、通常の行間隔で改行するには、いったいどうすればよいでしょうか?
結論 を先に書きます。
通常の行間隔で改行するには、
[Shift]+[Enter] とします。
一文の途中の改行したい位置にマウスカーソルを置き、そこで、[Shift]キーを押しながら[Enter]キーを押します。
そうすると、通常の行間隔、上掲図の内の1番の広さで改行ができます。
3 行間隔が広がる理由
なぜ、Enterキーのみで改行では、行間隔が広がってしまうのでしょうか。
それは、Enterでの改行は、改行後の文が、別の新たな段落と設定されてしまうからです。
段落が異なると、前の段落と後ろの段落との間で、間隔が広くなるのが「はてなブログ」の仕様のようです。言ってみれば(比喩的表現をすると)、それは「改行」ではなく、「改段落」なのです。
[Enter]キーのみの改行と、[Shift]+[Enter]の改行が異なることは、「見たまま」モードで書いた記事を「HTML編集」モードに切り替えて表示させると、一目瞭然です。
「HTML編集」モードで見てみると、次のように記述されています。
【1】 [Shift]+[Enter]
<p>通常の改行では、行間は、<br />これくらいの広さです。</p>
【2】 [Enter]のみ
<p>Enterキーを押して改行すると、</p>
<p>このように、行間が広くなります。</p>
上記の【1】と【2】の違いを厳密に理解するには、HTMLのタグを知っている必要があります。がぁ、その知識がなくても、理屈は簡単です。
【1】では<br />タグで改行されており、これは一文の途中での、通常の改行です。
それに対し、【2】では<p>と</p>で改行されています。この<p>タグは、段落の設定タグです。
このように、
[Enter]キーのみでの改行と、
[Shift]+[Enter]の改行とでは、
生成されるHTMLのタグが違っているわけです。
4 余談(おまけ)
(少しばかり専門的になりますが、)
<br />は改行タグの古い記述方式で、現在では一般に<br>が使われます。
・・・もしかして、はてなブログは、古い(現在ではすでに開発が中止された)「XHTML」という言語でWebページができているんでしょうか(私の推測)。
こんなこむつかしいことは分からなくても、支障はないでしょう。
要は、
通常の改行は、[Shift]+[Enter]
ということです。
それでは、また次の記事で
【goosyun】
