状況
何でも良いのですが、以下のようなhtmlファイルがあるとします。
<!DOCTYPE=html>
<html>
<head>
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
テスト
<body>
</html>
上記をブラウザで表示すると、以下のようにheadタグ内に記載した内容がbodyタグに移動してしまっている。
原因
headタグ内に全角スペースが入力されているから。
ASP.NETで既存のWEBページにあとからmasterpageを設置するという作業でハマった。
masterpageが原因かという思い込みにとらわれてしまった・・・。
既存のページは単にheadタグの記載がbodyにずれるだけだから、
表示自体には問題がなかっただけ。
ちなみにVisual Studioでエディタにスペースを表示させる方法は、
メニューバーの［編集］－［詳細］－［スペースの表示］を選ぶ。