５丁目通信（仮称）

HTMLを書いていて、おかしな挙動をしたのでメモしておく。

まずは、こんな感じでdivの範囲でpタグで囲まれた単純な文章を流し込んで表示した。すると文章の間で改行されて文字送りされてしまう。

文章のどれが影響を与えているかと思って、いろいろと文章を切ったりして試したところ、ダブルクォーテーションで囲んだ部分が悪さしていた。ダブルクォーテーションは、" 、 &#147（左のダブルクォーテーション）、&#148（右のダブルクォーテーション）でも同じく発生する。シングルクォーテーションでは、予定通りに途中のおかしなところで文字送りされれずことはない。ダブルクォーテーションで囲んだら、囲んだ文字列は改行されないようだ（後術）。

とりあえずの解決策としては、ダブルクォーテーションの前に空白を入れてあげることだった。こんな感じである。

しかし、今度はダブルクォーテーションで囲まれた文字列の中で改行されている。どうも前述のダブルクォーテーションで改行されてないというのは違っているようだ。空白があるかないかで、挙動が違ってくるのは不思議である。

試したブラウザはChromeであるが、Firefoxでも同じ現象が発生する。

もしかしたら、ここだけで環境でたまたま発生しているのか、またまた仕様なんだろうか？　前者だったら、この記事は忘れておくれ。

【Amazon.co.jp 限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)

SBクリエイティブ

¥666 （2024/04/16 17:15時点 | Amazon調べ）

Amazon

ポチップ

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 Web制作者のための教科書シリーズ

著:谷 拓樹

¥1,881 （2024/04/16 17:15時点 | Amazon調べ）

Amazon

ポチップ

HTML&CSSポケットリファレンス　［改訂3版］

技術評論社

¥1,980 （2024/04/13 16:28時点 | Amazon調べ）

Amazon

ポチップ