2016年04月11日（Mon）
ロカールでのHP制作中に上部に現れる謎のスペースの正体はBOMでした。
少し前からローカルサーバーで制作したものをプレビューすると最上部に１行分くらいのスペースがありました。
ただ、WEBサーバーにアップするとなくなるので気にしてなかったのですが、原因が分かったのでメモします。
原因はファイルの保存形式だった
UTF-8のエンコーディングには、BOM付きのUTF-8とBOM無しのUTF-8Nがあるようです。 BOM付きのUTF-8だと上部にスペースがでる場合があるようなので、includeなどでファイルを呼び出したりする場合のスクリプトファイルを保存する場合はBOM無しのUTF-8Nでとの事です。
たしかにBOM無しのUTF-8Nにしたら問題は解消されました。
Adobe Dreamweaver CC 2015 での設定方法
自分が最近使っているAdobe Dreamweaver CC 2015での設定方法です。
Unicode署名を含める(BOM)のチェックを外すとファイルの形式は、BOM無しのUTF-8Nになります。
BOMとは？
BOMとは、Byte Order Mark(バイトオーダーマーク)の略で、テキストファイルの文字コードがUTF-8だという事を知らせるためにファイルの先頭に目には見えないデータのようです。
恐らくこの、目には見えないデータが今回のスペースの原因だったと思われます。
【参考Webサイト】
コメント（0件）
ロカールでのHP制作中に上部に現れる謎のスペースの正体はBOMでした。に対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。
コメントフォーム