HTMLで文字化けします。

<html> <head> <title>WEBページ作りに挑戦</title> </head> <body> <h1>このWEBページへようこそ</h1> <h2>今週の特集</h2> </body> </html>

このぷろぐらむを実行すると
こうなるんですがどうすれば治りますか？
エディタはAdobeのCode ccを使ってます。
実行環境はmac os El Capitan でgoogle Chromeです。

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<head> 
2    <title>WEBページ作りに挑戦</title> 
3</head>

ここを

html
1<head> 
2    <title>WEBページ作りに挑戦</title> 
3    <meta charset="UTF-8"/>
4</head>

こうしてください

投稿2016/02/03 07:34

総合スコア183

退会済みユーザー

2016/02/03 07:40

治りました。どのコードはどういう意味があるのですか？

2016/02/03 07:46

文字コードを指定しています。指定しない場合、ブラウザ側が勝手に文字コードを設定するため、製作者が想定した文字コードと食い違うことがあります。すると文字化けが起きます。

2016/02/03 07:50

ごめんなさい、説明が不足していましたね。

2016/02/03 08:33

metaはASCII文字以外が出てくる前に指定する必要があります。titleで日本語が出てきた段階で、ブラウザが文字コード自動判定して、自動判定に失敗すると化ける可能性があります。

退会済みユーザー

2016/02/04 14:28

yamato_hikawa さんわかりやすく説明ありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問