改行の秘密(wikiでの表記Level２？)

改行の秘密(wikiでの表記Level２？)

新規投稿ページで、改行(キーの[Enter]を押すとなりますね)すると
実際のHTMLソースはだけでも

• 実際に出力されているHTML（一部わかりやすいようにしています）
  

  <br />
  

がでるのですが、場合によって少し違います。

• [改行、無視 ]
  
• [文字列の後の改行 ]
  
• [文字列の後の改行+改行 ]
  
  

改行、無視

新規投稿ページの執筆フィールド内で、
文字列がなにも出現しないうちの改行は、「無視」（タグの出力はありません）されます

• 執筆フィールド内
  

  [Enter]
  [Enter]
  [Enter]
  テキスト
  

※[Enter]はキー操作です。（執筆フィールド内では、実際には見えてませんね）

• 見え方
  
  テキスト
  

と改行などの空行はありませんね。

• 実際に出力されているHTML（一部わかりやすいようにしています）
  

  <div>
  テキスト
  

文字列をページの頭から、書いたのと同じになりますね。
そして、これは「ページ内での最初のみおこる現象」となります。

文字列の後の改行

新規投稿ページの執筆フィールド内で、
文字列が出現したあとの改行は、通常の<br />タグの出力が文字列の終わりに出現されます

• 執筆フィールド内
  

  テキスト[Enter]
  テキスト[Enter]
  
  

※[Enter]はキー操作です。（執筆フィールド内では、実際には見えてませんね）

• 見え方
  
  テキスト
  テキスト
  

と改行が、普通の解釈のとおり出現します

• 実際に出力されているHTML（一部わかりやすいようにしています）
  

  <div>
  テキスト<br />
  テキスト<br />
  

と続きます

文字列の後の改行+改行

新規投稿ページの執筆フィールド内で、
文字列が出現したあとの改行は、通常の<br />タグの出力が文字列の終わりに出現されます

• 執筆フィールド内
  

  テキスト[Enter]
  テキスト[Enter]
  [Enter]
  テキスト
  

※[Enter]はキー操作です。（執筆フィールド内では、実際には見えてませんね）

• 見え方
  
  テキスト
  テキスト
  
  テキスト
  

と改行が、普通の解釈のとおり出現します

• 実際に出力されているHTML（一部わかりやすいようにしています）
  

  <div>
  テキスト<br />
  テキスト<br />
  </div>
  <br />
  <div>
  テキスト
  

となります。
「おや！」
そうです、改行を二つつづけると、
DIV要素が閉じられます（終了タグの出現）
そして、改行タグが出現
テキストがあれば、又、DIV要素の開始タグがでるというわけです。

通常、このような、段落的なブロック要素としては、Ｐ要素を使いますが、
ここでは、ＤＩＶ要素と、改行で、段落のまとまりと、見え方を表現しています。

---