NihongoPC

:: 文字化け対策 メール,チャット,ホームページ,Excel,Wordなどの文字化けの直し方 ::
  Top Forum OS Settings Software Settings Mojibake KaigaiPC   English page Copyright   101280.net  
♣ 文字化け対策: 文字化けしないホームページの作り方
ここでは、Yahoo!ジオシティーズ(旧ジオシティーズ)のように、そこで 提供しているツールで、日本語文字コードをEUC-JPに設定しているような場合の注意事項についてまとめています。
♣ Yahoo!ジオシティーズ(旧ジオシティーズ) で作成する方法
Yahoo!ジオシティーズ(旧ジオシティーズ)などでは、そこで提供しているホームページ作成ツール(ファイルマネージャー)を使うと、文字コードが EUC-JP に設定されています。

このようなツール(ファイルマネージャーなど)を使う場合は、ここで設定されている文字コードを変更せず(つまり EUC-JP のまま)作成してください。
 
このようなサイトのツールを使用せず、自分のPCでホームページ作成ソフトなどを使って作成する場合は、下記の設定を確認してください。
 
< html lang="ja">
< head >
< meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

 
これは、『このホームページは、日本語ですよ。』と宣言をし(1行目)、 『使うコードはシフトJIS(この場合)です。』(3行目)と、定義しています。
各HTMLファイルにこの記述をしておけば、ほとんどのブラウザ側で文字化けなく見ることができます。
 
次に、このようなサイトを使ってホームページを作成する場合に気をつけなければいけないことは、
自分のPCでホームページを作成 → サイトのツールを使って編集した場合です。
 
自分のPCでホームページを作成し、サイトにアップしたときには、文字コードが Shift-JIS になっているのですが、これをサイトのツール(ファイルマネージャーな)を使って編集すると、設定されている文字コードと保存されたコードが違うため文字化けが起こります。(残念ながら プレビュー で確認をしても文字化けが起こらないので、なかなか気づかないですが^^;)
 
例:このファイルを保存して表示した場合


これを防ぐ方法としては、
1.ファイルマネージャーを使った場合は、文字コードを EUC-JP に変更する。
または
2.自分のPCで作成したホームページはファイルマネージャーで編集しない。
です。
 
ファイルマネージャなどを通して、EUC-JPで作ったファイルを Shift-JIS で保存したり(またはその逆)行うと文字化けの原因になります。 またこれはフレームなどを使って、EUC-JP で作成したファイルを Shift-JIS で作成したファイルを混在させたような場合にも文字化けが起こりますので注意してください。
  
Windows系のPCで、EUCでホームページを作成したい場合は、 英語版Windows XPで日本語が使えるエディタを参考にしてください。
 
 
 
♠その他ご質問等ございましたらPC Q&A Forumをご利用ください。 
 
文字化けに関するご質問の場合は、
 
・ お使いのOSの種類やバージョン(Windows XP/2000/ME、Mac OS Xなどなど)
・ 英語版・日本語版(英語版の場合は、どのように日本語設定しているか)
・ お使いのソフトウェアと日本語の設定状況
・ 文字化けした内容(メール、サイトのURLなどなど)
・ 文字化けの状態(漢字の羅列、四角い文字が表示される)など
 
をできるだけ詳しく書いてください。 
 
 

© Copyright NihongoPC & 101280.net
All rights reserved. These pages may not be copied, photocopied,
reproduced, translated, or published in any electronic or
machine-readable form in whole or in part without prior written approval.