現象

ファイル上では<head>タグ内に書いた内容が、ブラウザで確認すると<body>タグに移動してしまう。

※Google Chromeブラウザで確認

 

解決方法

BOMが紛れ込むとこのような現象になる可能性があります。

ファイル内にBOMが紛れ込んでいるか確認しましょう。

 

例

サクラエディタで右下に文字コードを指定する箇所がある。

UTF-8でもBOMありとBOMなしを指定できるが、BOMありにすると今回のような現象が起きるのでBOMなしにして保存すれば正常になる。