イマイチよくわからないので、参考書を丸写ししている部分もあり、そのためか、HTMLをメモ帳で開くと、日本語の部分が中国語のような漢字の羅列に文字化けしています。
また、一部の携帯で見た時にも同様の文字化けが起こっていました。
たぶん、HTMLの最初の部分がおかしいのではないかと思うのですが、訂正した方がいいところなどわかりますでしょうか?
とりとめのない質問ですみませんがよろしくお願いします。
------------------------------------
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
制作はDreamweaverで行いました。
ただ、テンプレートを編集したいときに、どうしても編集できなかったので
メモ帳で編集しました。
基本的な話ですが、どういう場合にUTF-8、Shift_JISそれぞれ使い分ければいいんでしょうか?
Shit_JIS、UTF-8どっちでもいいです。どっちかに決めたら、それにそろえるしかありません。混在すると文字化けします。既にコメントであったように、携帯用ページを含めて考えるとか、Windows環境で作ることを考えればShift_JISが便利だと思います。
WordPressやMovableTypeと使うなら、UTF-8のほうが便利なようです。(実は私も詳細は良くわかりません。)
Dreamweaverで編集できなかったのは、緑色で編集を制限された境界の内側の灰色の部分を編集しようとしたからではありませんか?テンプレートとして編集してはいけないと制限された内側はDreamweaverでは編集できません。また、そのファイルがShift_JISでできたファイルでなければ、メモ帳は絶対使わないでください。
Dreamweaverは編集メニューの環境設定のフォントのところで文字コードを変えれたと記憶してます、が、即座に反映されるわけではありませんので、秀丸エディタのように、内容を変えないでUFT-8にするとかできるエディタが重宝するわけです。
すいません、ちょっと酔ってますので、このあたりで倒れます(笑)
Shit_JIS、UTF-8どっちでもいいんですね。
携帯でも見えるようにとのことなので、今回はShift_JISに変更してみます。
>Dreamweaverで編集できなかったのは、緑色で編集を制限された境界の内側の灰色の部分を編集しよう>としたからではありませんか?
灰色以外のところでも、たまに編集できないときがあります。
おかしいですね。
とにかく、なぞがとけてよかったです。
コメントをいただいた皆様、ありがとうございました。
既にコメントがあるように、文字コードのせいです。
HTMLの入力はメモ帳をつかわなかったでしょう?
Windowsのメモ帳で扱えるのは、文字コードはShift_JISのみ、改行コードはCR+LFのみだったと思います。UTF-8で書かれたHTMLを編集するには、秀丸エディタのような文字コードを変えることのできるものが必要です。
もし、メモ帳を使って編集を行うのなら、コメントにあるようにShift_JISにするしかないと思います。
UTF-8のままでいきたいのであれば、ソースをみるだけなら、ブラウザの「表示」メニューの中の「ページのソース」(Firefoxの場合)でみれば、文字化けしないはずです。でも、それだったらHTMLを制作しているソフトで見るほうが楽ですよね。