HTMLでひらがなが文字化けする原因と解決法
- HTMLでひらがなが文字化けする原因とは？初心者が困る問題について解説します。
- ひらがなが文字化けする場合、文字コードの設定やDOCTYPE宣言に問題がある可能性があります。
- 解決法として、文字コードをUTF-8に設定し、正しいDOCTYPE宣言を記述することが重要です。
- ベストアンサー
htmlでひらがなが文字化けします。
ものすごく初歩的な質問だと思うのですが、ド初心者なので、解決法がわからず困っています。 よろしくお願いします！！ HTML/XHTML&スタイルシート レッスンブック という本を見ながらwebページを作る練習をしています。 しかし、メモ帳にソースを書いて、開けてみるとひらがな部分が文字化けしてしまっています。 どうしたら反映されるようになるでしょうか？ 以下が、本を見ながら書いたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>森の工房 [Forest Studio]</title> <style type="text/css"> </style> </head> <body> <h1>Forest Studio</h1> <p>自然のあれこれをお届けする森の工房です。</p> <p>Forest Studioは、森や自然を生かしたイベントや商品をお届している工房です。</p> <address>Copyright(C) Forest Studio</address> </body> </html> 日本語部分がすべて文字化けします。どうしたら良いのでしょうか？？チャプター１で早くも座礁に乗り上げてしまい困っています…
- ttmkttmk
- お礼率73% (84/114)
- 電気・電子工学
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> これが有効になっていると、文章がUTF-8で記述されている、と見做されます。 このとき、実際のファイルがUTF-8以外のコードで書かれていると文字化けします。 メモ帳で特に変更なく保存したのなら、Shift_JISになっていると思います。 対策は ・この記述を、実際の文字コードに合わせる ・UTF-8で保存する のどちらかです。 私は、後者がいいと思います。 その際には、メモ帳を使うのをやめましょう。 他にいいエディタがたくさんあります。
その他の回答 (1)
- tanuki4u
- ベストアンサー率33% (2764/8360)
http://dame3212.net/2013/11518.html http://kzworks.at.webry.info/200709/article_6.html IE の ちょっとしたバグというか 日本語のことなんて考えていませんよ！ というのが原因 たぶん
お礼
回答ありがとうございました！
関連するQ&A
- utf-8 文字化け
メモ帳でhtmlページを作成してたのですが、日本語を入力してIEで確認したら文字化けになります 原因がわからず困っていました よろしくお願いします IE10 IE 表示 エンコードはutf-8 自動選択にすると日本語表示になります <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ABC</title> <style type="text/css"> </style> </head> <body> <h1>ようこそ</h1> <p></p> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- XHTMLの文字コードのEUC-JPの文字化け
いつもはHTML４.01で作業をしていて XHTMLはどうも不慣れなせいか 今、外注が作成したHPを修正していて 文字コードをEUC-JPにどうしても変更しなければならないのですが それがうまくいかず、文字化けが発生してます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" /> を <?xml version="1.0" encoding="euc-jp"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" /> このように設定したら文字化けが発生しました。 どのように設定したら文字化けがなくなりますか？
- ベストアンサー
- その他([技術者向] コンピューター)
- CakePHP文字化けについて
お世話になります。基本的な質問で申し訳ないのですが、CakePHPのインストールをしたのですが、ブラウザ経由の文字化けが発生しており、困っております。 \app\webrootに以下のHTMLファイルを設置し、ブラウザ経由でアクセスしたのですが、エンコードUTF-8でアクセスすると文字化けが発生してしまいます。エンコードをShift-JISに指定しなおしたところ問題なく表示されるのです。charset=utf-8を指定しているにも関わらず、Shift-JISで表示されるのはどうしてですか。また、UTF-8で正常に表示するには、追加で設定が必要になるのでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Hello</title> </head> <body> <p>これは、テストページです。</p> </body> </html>
- 締切済み
- PHP
- XHTML meta属性 文字化け
XHTMLを勉強しています。 以下のように記述して表示すると タイトルの部分が文字化けします。 何故でしょうか <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>ホームページの作り方</title> <meta name="description" content="初心者のためのホームページテスト" /> <meta name="keywords" content="ホームページ,作成,初心者" /> </head> <body> テスト </body> </html>
- ベストアンサー
- HTML
- PHP 問い合わせフォームの文字化け
はじめまして。 会員６４８です。 Ｗｅｂｓｉｔｅを作成し、問い合わせフォームで 入力をＨＴＭＬ、チェック・確認画面、送信をＰＨＰで 作成しました。 初心者なので、サイトでの作成事例をまねております。また文字化けは ＵＴＦ－８を書けば良い ということも サイトにあったので、とりあえずそうしました。 しかし 他のＨＴＭＬは正常に表示しますが、ＨＴＭＬの入力画面、ＰＨＰチェック画面 すべて 文字化けします。 入力画面は <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <form method="post" action="check.php"> ですが 文字化け表示となります。 内容確認画面は check.php で <?php // フォームデータが空の場合は処理終了 if (empty($_POST)) { echo "処理終了"; exit; } // セッションの開始 session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> で始まります。 詳しくＰＨＰを知りませんので、どこが問題なのか 教えていただけませんでしょうか。 なお、テスト環境は 自分のＰＣで Xampp をインストールして、htdocs 配下に すべての HTML, CSS, image,php を 置いております。 なにとぞ よろしくお願いいたします。
- 締切済み
- PHP
- サイトの文字化け防止
サイトがたまに文字化けして 「?R???e???c?E???j???[」こんな感じになってしまいことがあります。 これを防止するにはHTMLの文字宣言をどう書けばいいのでしょうか？ HTMLをちょっと忘れ気味なんですが、ヘッダーの前にこのように書きました。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />
- ベストアンサー
- HTML
- ＸＨＴＭＬのソースで文字ばけします
とあるＨＴＭＬの本に書いてあるとうりソースをうっていくと <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtyd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>もりのみや<title/> などのＷｅｂ上で文字入力をすると文字化けします。 どうしてでしょうか？ インターネットエクスプローラーを使っています。
- 締切済み
- インターネットビジネス
- ファイヤーフォックスでの文字化け
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link rel="stylesheet" href="css/import.css" type="text/css" /> </head> </head>までの部分をコピーペーストしてみましたが、昨日、<body>～<body>部分で更新をしようと思い、予定情報の終了した分の文字を削除して、ローカルで確認したところ、そのページすべてが文字化けしていました。アップロードしても文字化けはなおりませんでした。 因みに文字コードはUTF-8に設定して（いるつもり?）作成しており、これまでＩＥもグーグルクロームもファイヤーフォックスもしばらく使ってそのようなことはありませんでしたので、何が原因なのかわかりません。（現在、ファイヤーフォックスです。） 詳しい方教えて下さい！！
- ベストアンサー
- HTML
- 新規にウィンドウを開いたときに文字化けします。
お世話様になります。 ただいま、HPを作っているのですが、ウィンドウを開くと、文字化けをします。 但し、右クリックで、エンコードを自動選択にすると解消されるのですが、最初から文字化けせずに表示させる方法は無いものでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" /> このような記述方式をとっております。 他にも同じようなHPを作成しているのですが、他は、この記述で全く問題ないのですが、今現在作っているHPに関してのみ、文字化けした状態でウィンドウが開かれます。 皆様、お忙しい中恐縮ですが、解消する方法をご教示頂ければうれしいです。 宜しくお願い致します。
- ベストアンサー
- HTML
- XHTML のタイトルが表示されません ご教授おね
タイトル通りなのですがHTML のタイトルが上手く表示されず、本文の中に入ってしまっています。（cf,添付画像） 一番最初の所で躓いてしまいました、解説書の通り何度もやり直したのですが、原因が分からないのです・・・かなり初歩的なこととは思われますがよろしくお願いいたします！ ソースは以下のとおりです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <titile>a</title> <style type="text/css"> </style> </head> <body> </body> </html> ＊ちなみにサンプルでは以下のとおりになっています。（サンプルをインストールすればしっかりと表示されるのです、同じなはずなのに僕が入力しますと上手くいきません） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>a</title> <style type="text/css"> </style> </head> <body> </body> </html>
- ベストアンサー
- CSS
お礼
回答ありがとうございました！保存法を変えてみて、さらにネットで検索しENからJPに換えてみた結果反映されるようになりました。 もうひとつ お伺いしたいのですが、メモ帳以外にどのようなエディタがオススメでしょうか？？よろしければ理由も教えていただけると嬉しいです。 経験もないのにhtlm勉強しないといけなｋなってしまし、周りに詳しい人間もおらず困り果ててます…。