• このエントリーをはてなブックマークに追加

2016年04月11日(Mon)

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

ロカールでの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での設定方法です。

AdobeDreamweaverCC2015での設定方法

Unicode署名を含める(BOM)のチェックを外すとファイルの形式は、BOM無しのUTF-8Nになります。
AdobeDreamweaverCC2015でBOM無しのUTF-8Nに設定する方法

BOMとは?

BOMとは、Byte Order Mark(バイトオーダーマーク)の略で、テキストファイルの文字コードがUTF-8だという事を知らせるためにファイルの先頭に目には見えないデータのようです。
恐らくこの、目には見えないデータが今回のスペースの原因だったと思われます。

【参考Webサイト】

コメント(0件)

ロカールでのHP制作中に上部に現れる謎のスペースの正体はBOMでした。に対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

【ソーシャルボタン】


TOP