2017年9月15日金曜日

ヘッダー(<head> </head>)内のスペース

ワードプレスでのコーポレートサイト制作でのこと。
気が付いたら画面の一番上に20px位の高さの空白ができていた。
画面を全選択すると空白部分の左端に半角スペースができていた。
「要素の検証」では「&nbsp;」。
これを削除すると空白も消えた。
場所は直近の作業でGoogleマップ設置作業に伴うAPI読み込み用に記入したタグのすぐ上。
はじめは全角と勘違いしエディタで検索したが「見つかりません。」。
タグの直前のスペースならそれを削除すればいのでは。ということでタグの前に2つくっついていたスペースを削除すると見事解決。
HTMLは基本不要なスペースを無視することになっているようだが、中には本文として表示してしまう場合があるらしい。



0 件のコメント: