• ツイート
• 
• Share on Tumblr

DreamweaverCS5のテンプレートを使いHTML5を構築しようとした時、
テンプレートを反映したサイトが文字化けを起こす場合があります。

HTMLの文字エンコーディング指定がUTF8の時に起こります。

HTML5では文字エンコーディング指定は、

<meta charset="UTF-8" />

と省略して記述できます。

どうやらこの部分がDeamweaverで正確に解釈されてないようで、
テンプレートを反映したファイルの文字コードが全てShift-JISになってしまうのが文字化けの原因です。
（Dreamweaver上では正常に表示されてますが、テキストエディタなどでファイルを開くと文字エンコーディングがShift-JISになってるのが確認できます）

とりあえず文字エンコーディング指定を下記の様にHTML 4と同じ記述にすればこの問題は回避されますが、
Adobeには早めに対応して欲しいものです。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

追記

tobotoboto様より対応方法を教えて頂きました。
templeteのif文を使うことで文字化けを回避して省略した文字エンコーディング指定が使えます。

<!--TemplateBeginIf cond="0" -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--TemplateEndIf -->
<meta charset="UTF-8" />