HTML上に謎の記号が表示される原因とその対処法

HTMLソースには何も表示されていないが、ブラウザで開いてみると謎の文字や記号、豆腐(□)が表示されているという場合の原因と対処法を紹介します。

 

原因

この謎の記号の正体は制御文字(制御コード)と呼ばれるものです。

テキストエディターによって表示されるものとされないものがあるらしく、どうやらSublime Textだと表示されることがあるらしいです。

また、ブラウザによってによっても表示されたりされなかったりするので、MacやWindowsで色々なブラウザを開いて試してみるといいかもです。

 

対処法

制御文字のせいでブラウザで謎の記号が表示されているわけなので、これを消せば解決ですね。

もし普段使っているテキストエディタで表示されない、削除できないという場合はSublime Textを使ってみるといいかもしれないです。