BOM(Byte-Order Mark)修正方法

W3C Markup Validation Serviceを使ってhtmlファイルをチェックすると、BOMに関しての警告が出る場合が有ります。 BOM警告が出る原因は幾つか有ると思いますが、ここでは原因追求よりも、手っ取り早くこのBOMを修正する方法をお知らせします。私は、メモ帳かテラパッドを使用してhtmlファイルを作成していますが、HPB/DWなどのエディターを使用している方も同様の症状が出るようです。ここでは、主に３つの修正方法についてお知らせします。
HPB/DWなどのhtml-Editorの Option code 設定が間違っている場合
メモ帳の保存方法やテラパッドのcode設定が間違っている場合
ファイル転送に使っているFTP-Clientの設定が間違っている場合

BOMが原因でRobots.txtが正確に認識されない(画像参照)
メモ帳やTeraPadを使って手打ちしたロボットテキストをANSIなどで保存してupし、robots.txtをGoogle webmaster toolsで確認すると、書き出しの始めに?が付いて、Syntax Error (シンタックスエラー)が表示され正確に認識されていない主旨の警告表示が出ます。もちろん頭に「?」は記入しておらず、これもBOMが原因で発生する問題と考えられます。

?User-agent: *
Allow: /

上記の様に、Google Webmater ToolsでロボットテキストにSyntax Error が表示された場合も、このページの情報が役に立つと思います。

W3Cで出るBOM警告について
Byte-Order Mark found in UTF-8 File.(wiki)
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers.(BOMは、テキストエディターや古いブラウザーの種類によっては、問題を引き起こす事が知られています。) You may want to consider avoiding its use until it is better supported.(貴方は、それがサポートを受けるまで、使用を避けたほうが良いと思われます...みたいな感じ(^ ^; )

BOMに関してのレポートを掲載しようと考えたのは、実は私自身がBOM警告を多数受けていたからです(^。-;

図の様に、ホスト漢字コードをUTF-8Nに、ローカル漢字をUTF-8Nに、ホストファイル名をUTF-8に設定すると、解決する場合が多いです。

上記に書かれているlang="ja" xml:lang="ja" の所が、"en" や "en-us"でもBOM注意は出ますので、言語には余り関係ないようです。一番確認して欲しいのは、charset=UTF-8 が間違って shft_jisになっていないかを見て下さい。

私自身は、Editorソフトを使わないので、上記はネット上の画像をお借りしたもので、若干古いのと画像が粗いのはお許し下さい。HTMLエディターのメニュー -> オプション を開いて、コード設定がUnicode(UTF-8)に成っているかをご確認下さい。※HPB=ホームページビルダー　DW=ドリームウィーバー

上図の様に、TeraPadの編集モードがHTMLに成っているかを確認下さい。TeraPadは便利なので、色々使えるので前のC++編集の設定のままになっていたりする場合が有ります。

TeraPadの保存文字コードをUTF-8Nに!

上図は、TeraPadの表示(V)⇒オプション(O)を開いた、文字コードタブ設定の所です。ここがshift_jisなどに成っていると、xHTML Header の Doctype 宣言が utf-8 になってても、ブラウザーで見ると文字化けが発生します。保存文字コードをUTF-8Nに設定してください。

Windows付属のメモ帳を使用して、xhtmlを作成したい場合等は、ファイル(F)⇒名前をつけて保存(A)で保存しますが、その際に文字コードをUTF-8に設定します。ただ、これでもBOM警告は出ますので、FTP-Clientの設定方法も同時に試してください。

上記で説明した修正方法でUTF8のBOM修正がどうしても上手く行かなかった時、以下の方法でBOM削除を試してみてください。特に私がつまずいた例で、PHP5で動作させる.htaccessファイルやconfig.phpファイルがBOM付きファイルと気付かずにHTMLテンプレートがおかしいとばかり考えて四苦八苦した経験が有りますので、この方法でBOM削除できたことを合わせて報告して、皆さんのお役に立てればと思います。PHPファイルをUPしてW3C 文法チェックをかけると、HTMLファイル＋.htaccessファイル＋config.phpファイルが合わさった形で文法チェックが掛かります(当たり前な話で恐縮すが...)。PHPでBOM警告が出た時は、HTMLファイルだけでなく、.htaccessファイルとconfig.phpファイルもBOMが付いてないか確認して下さい。PHPファイルの UTF-8 BOM修正削除の早道です。

Step1.UTF-8 BOM削除のアイテムDL
TeraPad(テラパッド)DownLoad窓の杜　バイナリーエディター(stir131)DownLoad
上記２つをダウンロード後解凍して使えるようにしてください。
以下の説明は、この２つを使ったBOM削除方法です。

Step2.バイナリーエディターでボム削除方法
バイナリーディターを立ち上げて、該当フォルダーをドラッグドロップしてファイルを開きます。xhtmlファイルの場合、<?xml version="1.0" encoding="UTF-8"?>で始まりますが、
先頭に「･ｿ」や「･･･」「？」等がついていれば、それがBOMの正体(EF BB BF)ですので、DELキーで削除します。記号のEF BB BFを削除されても構いません。
「･ｿ」を削除後、フロッピーマークで一旦上書き保存します。

Step3.TeraPadを使ってUTF-8からUTF-8Nに変更する
左図をご覧に成られたら、一目瞭然理解が早いと思いますが、バイナリーエディターでBOMを削除後にTeraPadを立ち上げて該当ファイルをドラッグ&ドロップで開き、内容を変更せずにファイル(F)→「文字/改行コード指定保存」でUTF-8Nを選択、上書き保存にポイントしてOKで保存します。