つれづれ電脳記(日くらしPCに向かひて)

つれづれなるままに、日くらしPCに向かひて、その悪戦苦闘ぶりをそこはかとなく書き付くるおじさん。たまに雑談[管理人:goosyun]

つれづれなるままに、日くらしPCに向かひて、デジタル関係の悪戦苦闘ぶりをそこはかとなく書き付くるおじさんです。
たまに雑談してます。連絡・問い合わせフォームは、ページ最下部に置いています。[著者(運営人):goosyun]

(当ブログには本文中に広告リンクが含まれています。)

はてなブログで改行のためEnterを押すと行間隔が広がる

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