質問: HTML5のutf-8を使うと文字化けするのですがなぜでしょうか?
回答: 文字化けするのはどのブラウザででしょうか? 上記のサンプルページを表示させましたが、Chromeでは正しく表示されていますよ。 UTF-8で日本語が。 DOCTYPE宣言を書いていないとか、HTML5非対応ブラウザを使っているとか、そんなオチはありませんか?