html 文字列の前後に入る空白 「””」 について

Question

下記コードの<p>の前に設定していない一行分の空白行が入ってしまいます。
（添付画像御確認ください）

<h2>個人情報の利用目的</h2>
<p>お客様からお預かりした個人情報は、当社からのご連絡や業務のご案内やご質問に対する回答として、電子メールや資料のご送付に利用いたします。</p>

検証を見た所、下記画像の「””」が表示されていました。

<p>タグの前に全角でも入れてしまったのかと思い再度記述してみましたが違うようでした。

他の箇所でも同じ状態があり、タグの前後に全角スペースがないか、再度記述し直したところ、
空白行が消えた箇所もありました。

そもそも検証に出てくる「””」はどういう意味なのでしょうか？
その他必要な情報がありましたらおっしゃってください。

宜しくお願いします。

Answer 1

""(空文字)ではなく(バックスペース)という制御文字が悪さをしています.（あなたの提示したコードから見つかりました.）

混入の原因は定かではありませんが, バッチ的にHTMLを出力した際に誤って混入したものと考えられるので, 当該文字を削除すると共に, バックスペースを出力してしまったシステム(もしくはスクリプト)の改修を行なって下さい.

Comments

[ikapy]

見つけました。<p>の前ですね。質問文をコピペしてエディタで見てわかりました。私も以前utf-8の\u2212（ーに似たユニコード文字）で半日悩んだ経験があります。すっきりしました。

[kato00]

ありがとうございます！解決しました！！

Answer 2

h2、pそれぞれのマージンや行の高さを調整してみてはいかがですか？

h2{line-height:1em;margin-bottom:0px;}
p{line-height:1em;margin-top:0px;}

<h2>個人情報の利用目的</h2>
<p>お客様からお預かりした個人情報は、当社からのご連絡や業務のご案内やご質問に対する回答として、電子メールや資料のご送付に利用いたします。</p>