サイトアイコン WEB帳

ロカールでのHP制作中に上部に現れる謎のスペースの正体はBOMでした。

少し前からローカルサーバーで制作したものをプレビューすると最上部に1行分くらいのスペースがありました。
ただ、WEBサーバーにアップするとなくなるので気にしてなかったのですが、原因が分かったのでメモします。

原因はファイルの保存形式だった

UTF-8のエンコーディングには、BOM付きのUTF-8BOM無しの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サイト】

モバイルバージョンを終了