【HTML5】Dreamweaverのテンプレートを適用すると文字化けする時の解決方法

Dreamweaver CS5(CS4)のテンプレート機能を使ってHTML5でコーディングをすると、適用した際にページが文字化けする問題が起きます。

Dreamweaverスタート画面

その場合の解決方法を紹介。

Dreamweaver CS5はHTML5のエンコーディングを理解できない

HTML5で文字エンコーディング(utf-8)は

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />

このように記述します。

Dreamweaver CS5はこれが理解できず、テンプレートから作成したページのファイル文字コードを「Shift-JIS」に変更して保存するため文字化けを起こすようです。

そこで、この記述を下記のように変更すると文字化けを回避できます。

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

CS5.5以降、このバグは修正されているようです。

参考サイト:Dreamweaverのテンプレートを使ったときのHTML5文字化け

関連する記事

この記事が気に入ったら
「いいね!」しよう

この記事が気に入ったら
「いいね!」しよう

最新情報をお届けします

コメント