質問: progateのhtml/css初級編のhtmlとcssをコピペしてサイトを作ってみたのですが、文字化けしてしまいます。 どうしたらいいでしょうか?
回答: >ちなみに表示されるかどうかわかりませんが file://のスキームはローカルコンピューター(あなたの使用しているPC)を指すので、インターネット上に公開されていません。従って、アクセスできないし、当然表示できません。 HTML内で指定するエンコードとHTMLを保存する文字コードは合わせます。 progateを見ていたら、UTF-8で作成されていました。 HTMLにもちゃんと と書いてあります。 属性値が、'utf-8' とシングルクォートで囲まれているのは、文法的には間違いじゃ無いみたいだけれど、あんまり見ませんね。一般的には、ダブルクォート"utf-8"で囲みます。 また、charset指定は最初の非ASCII文字が出現する前に置けとされているので、 HTML & CSS 学習コース 初級編 ・・・ の後にあるのは疑問です。 mihon.html は 何の文字コードで保存していますか? 現在のWindowsのメモ帳のデフォルト(既定値)文字コードはANSIコードページになっています。 システムロケールが日本語/日本の場合のANSIコードページはCP932(≒Shift_JIS)です。 HTML内で指定するエンコードがUTF-8ならUTF-8(BOM無し)で保存してください。 なお、現在のメモ帳ではBOM無しのUTF-8は作成できません。必ずBOMが付いてしまいます。 (ただし将来は改良されるらしい)。 メモ帳をお使いならBOM無しのUTF-8で保存できるテテキストエディターなどを使ってください。