- ベストアンサー
文字化けの設定を教えて下さい
- ホームページの初心者ですが、フリーソフトのCrescent Eyeを使っています。ダウンロードしたものはバージョン0.89で、英文表示は問題ありませんが、日本語表示だと文字が化けてしまいます。インターネットで調べても解決策が見つからず、デフォルトの設定を使用しています。どうすれば解決できるでしょうか？詳しい方のアドバイスをお願いします。
- Crescent Eyeを使用しているホームページ初心者ですが、日本語表示において文字化けする問題に直面しています。バージョン0.89をダウンロードして使用していますが、英文表示では問題ありません。インターネットで検索してみましたが、この問題の解決策を見つけることができませんでした。デフォルトの設定を使用しているため、設定に問題がある可能性もあるかもしれません。どのように対処すれば良いのか、詳しい方にアドバイスをお願いします。
- ホームページの初心者です。現在Crescent Eyeというフリーソフトを使用していますが、日本語表示において文字化けの問題が発生しています。バージョン0.89をダウンロードし、Windows7 64bitで使用しています。インターネットで調査した結果、この問題に対する具体的な解決策が見つかりませんでした。デフォルトの設定を使用しているため、設定に問題があるかもしれません。どうすればこの問題を解決できるのでしょうか？詳しい方のアドバイスをお待ちしています。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>Shift_JISの場合</title> </head> <body><div> <h1>Shift_JISの場合</h1> </div></body></html> ■手順です。 １、新規テキスト制作で、空のファイルを開いてください。 ２、上記に挙げたHTMLソースを全てコーピーして、空のファイルに貼り付けてください。 ３、名前を付けて保存。その時に、 ・ 適当な名前を付けてください。（半角英数） ・ ファイルの種類を「HTMLファイル」にする事。 ・ 文字コードを：「Shift_JIS」にする事。 ---------------- 要点： 例の４行目にcharsetがあります。 このcharsetと保存時の文字コードを統一させる事です。 今回の回答例では、例として「Shift_JIS」にしているだけであって、 制作者の好みや方向性で各々違います。 ・ Shift_JIS ： charset=Shift_JIS ・ UTF-8 ： charset=utf-8 ・ EUC-JP ： charset=EUC-JP ---------------- Crescent Eyeは、なかなか便利なテキストエディタですよ。
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
＞雛形の例を早速コピー新規テキストでタブを戻してプレビュー ＞確認しました。 ＞見出しが □ に化けてしまいます。 文字コードの指定と、保存したテキストの文字コードが合ってないのです。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ サンプルは、 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> ですのでUTF-8で保存。 Shift_JISで保存する場合は、 <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> としなければなりません。 ※日本語の文字コードは、Shift_JIS(かってのWindows)、EUC-JP(UNIX)、ISO-2022JP、最近よく使われるUTF-8など色々あります。 ※今から学ばれるのでしたら、HTML4.01strictで学ばれることをお勧めします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> で始まります。
お礼
ORUKA1951さん親切ご丁寧なアドバイス誠に有難うございます。 昨日留守にしまして御礼遅くなりましたことお詫び申し上げます。 OKwaveさんからも連絡ありました。 不慣れな締切で大変失礼いたしました。 本アドバイスで文字コードの関係意味が理解できました。 まだまだですがご紹介いただいたサイトの勉強と HTML4.01strictについて勉強してゆきますので今後共 宜しくお願いいたします。 ご丁寧に有難うございました。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
文字コードは指定してますか? その指定コードと保存したHTMLのコードはあってますか? ・・・最後に雛形あげて置きます。--文字コードをUTF-8で保存してください。 Shift_JISの場合は、charset=UTF-8"をcharset=Shift_JIS"に変更すること。 なお、<font>なんてタグは使うべきではありません。!!! 参考書かサイトか知りませんがとっても古いものを参考にされているようです。 もう十数年前から非推奨です。 ⇒FONT要素とBASEFONT要素は推奨しない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#edef-FONT ) <body> <h1>見出し</h1> <p>ここからひとつの段落</p> のように書き、スタイルシートで指定します。(下記サンプル参照) ★今から学ぶなら、必ずHTML4.01strictでしょう。 『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』 です。それと合わせて、「HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/ )」を読んで置かれると良いでしょう。 ★まず、 ⇒はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) を一通り学んでください。 ★ついで、 ⇒HTML 4.01 Specification (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html ) を通して読んで、ブックマークしていつでも調べられるようにする。 ★ページを作成したら ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) で必ずチェックしてみる。どこがまずいか説明してくれます。 ★ブラウザは、firefoxが良いでしょう。豊富な ⇒開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ ) があります。Firebug,Html Validatorなどは最初に入れておくと良いです。 [雛形の例]HTML4.01strict タブは＿に置換してあるので戻すこと。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=UTF-8"> ＿<title>Untitled</title> ＿<meta name="author" content="ORUKA"> ＿<meta http-equiv="Content-Script-Type" content="text/javascript"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rel="stylesheet" type="text/css" media="screen" href="./styleSheet/standard.css"> ＿<link rel="styleSheet" type="text/css" media="print,handheld" href="./styleSheet/print.css"> ＿<style type="text/css"> <!-- h1{color:red;} --> ＿</style> ＿<link rel="START" href="../index.html"> ＿<link rel="NEXT" href="./page1.html"> ＿<link rel="SHORTCUT ICON" href="/favicon.ico"> ＿<link rel="ICON" href="/favicon.ico"> </head> <body> ＿<div class="header"> ＿＿<h1>title</h1> ＿＿<div class="abstract"> ＿＿＿<p> ＿＿＿</p> ＿＿</div> ＿</div> ＿<div class="section"> ＿＿<h2>section Title</h2> ＿＿<p> ＿＿</p> ＿＿<div class="section"> ＿＿＿<h3>見だし</h3> ＿＿＿<p> ＿＿＿</p> ＿＿</div> ＿＿<div class="aside head"> ＿＿</div> ＿＿<div class="aside foot"> ＿＿</div> ＿</div> ＿<div class="footer" id="DOCUMENT_INFORMATION"> ＿＿<dl class="document-version"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2005-06-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2005-06-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© my name 2001 - 2004 All Rights Reserved</address> ＿</div> </body> </html>
お礼
早速のご丁寧なご回答有難うございます。 ご添付戴いた参考サイトについては小生のレベルでは難しく、 これから、じっくりと読みながら、学びたいと思います。 雛形の例を早速コピー新規テキストでタブを戻してプレビュー 確認しました。 Title Section Title □□□□□□ ----<h3> 見出し</h3> 見出しが □ に化けてしまいます。 以下 first published 2005-06-10 となります。 何か問題あると思いますが、 とにかく添付戴いたサイトをじっくり確認勉強致します。 また現在の参考書ですが、サイトの他に はじめてのホームページ HTLM入門 秀和システム 2009年3月5日発行です。 これからもよろしくお願いします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
早速のご回答有難うございます。 ご指導いただいた通りの手順で、新規テキストでプレビュー確認いたしました。 Shift_JISの場合---- <h1>Shift_JISの場合</h1> と再現できました。 何が原因だったのか現在わかりませんので、じっくりタグの使い方を勉強します。また拡張子についても確認します。 しかし日本語の文字が確認できましたので見通し明るくなりました。 有難うございました。、