HTML初心者の質問です。文字化けについてです。

GoogleChromeで(sample.html)というファイルに他のファイル(sample_input.html)から以下のソースコードをコピーアンドペーストして表示させましたところ、◆が多数表示される文字化けが起こりました。
しかし、以下のソースコードが元々書いてあったファイル(sample_input.html)をGoogleChromeに表示させたところ、正しく表示されました。
一体なぜ、(sample.html)のファイルはうまく表示されなかったのでしょうか?
エンコードはUTF-8で同じはずですが・・・。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/01/04 17:30:03
id:yssys

ソースコード

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<link rel="stylesheet" type="text/css" href="style.css" />

<title>複数選択可能なチェックボックスの値を取得する</title>

</head>

<body>

<h1>複数選択可能なチェックボックスの値を取得する</h1>

<form action="sample12.php" method="get">

ご予約希望日(複数選択可):

    • <input id="reserve_1" type="checkbox" name="reserve[]" value="1/1" /><label for="reserve_1">1月 1日</label>

    • <input id="reserve_2" type="checkbox" name="reserve[]" value="1/2" /><label for="reserve_2">1月 2日</label>

    • <input id="reserve_3" type="checkbox" name="reserve[]" value="1/3" /><label for="reserve_3">1月 3日</label>

    <input type="submit" value="送信する" />

    </form>

    (C) H2O Space. MYCOM

    </body>

    </html>

    すいません。ソースコードが表示できませんので、自分で調べます。スレ汚しすいませんでした。

    回答0件)

    回答はまだありません

    • id:Silvanus
      <head>~</head>内に
      <meta http-equiv="content-type" content="text/html; charset=utf-8">を
      書き加えてみてはいかがですか?
    • id:yssys
      ありがとうございます!やってみます!
    • id:yssys
      回答本当にありがとうございました!解決しました!
      原因はエディタソフトの初期文字コードがShift_JISとなっていたためでした。
    • id:rouge_2008
      質問とは関係ありませんが、HTMLなどのコードを書く時は、スーパーpre記法を利用するといいです。

      >||

      ここにコードを記述する

      ||<

      http://hatenadiary.g.hatena.ne.jp/keyword/%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%9F%E3%82%B3%E3%83%BC%E3%83%89%E3%82%84%E3%81%AF%E3%81%A6%E3%81%AA%E8%A8%98%E6%B3%95%E3%82%92%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%EF%BC%88%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BCpre%E8%A8%98%E6%B3%95%EF%BC%89


      2本のパイプの間にファイルタイプを指定すると、言語に合わせて色分け表示する事もできます。

      >|html|

      ここにHTML記述

      ||<

      対応しているファイルタイプなど、詳しくは次のページを参照してください。
      http://hatenadiary.g.hatena.ne.jp/keyword/%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%89%B2%E4%BB%98%E3%81%91%E3%81%97%E3%81%A6%E8%A8%98%E8%BF%B0%E3%81%99%E3%82%8B%EF%BC%88%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%BB%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%89

    この質問への反応(ブックマークコメント)

    「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

    これ以上回答リクエストを送信することはできません。制限について

    回答リクエストを送信したユーザーはいません