多言語ページのエンコード記述が分かりません
友人に頼まれてサイトの挨拶文のようなページを、英語バージョンと中国語バージョンで作っています。
ナビゲーションなどは日本語のままで、メインのコンテンツエリアのみ英語や中国語を書くので２つの言語が交じるページとなります。
文字化けを防ぐためのエンコードがいまいち分かりません…
分からないなりに書いては見たものの、これであっているのかも分かりません。
（確認する方法はあるのでしょうか）
コードを書いてみました。
添削やアドバイスをお願いします。
─────────────────────────
【英語と日本語のページ】
※エンコードを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">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>△△△</title>
<link href="◯◯◯.css" rel="stylesheet" type="text/css" media="all" />
</head>
─────────────────────────
【中国語と日本語のページ】
※ネットで検索してcharset=bg2312、 lang="ja,zh" xml:lang="ja,zh"を書きましたがこれでいいんでしょうか？
<!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" lang="ja,zh" xml:lang="ja,zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=bg2312" />
<meta http-equiv="Content-Style-Type" content="text/css">
<title>△△△</title>
<link href="◯◯◯.css" rel="stylesheet" type="text/css" media="all" />
</head>
─────────────────────────
また、友人のサイトを見てみるとその他すべてのページはShift_JISで作られています。
これは海外の人が開くと文字化けしてしまうということなのでしょうか？
日本語の表示のままでいいのですが、UTF-8にしたほうがいいのでしょうか？
わからない事だらけでスミマセン(;_;)
よろしくお願いします。。
お礼
cssは間違っていなかったのですが、xhtmlの方のコメントの書き方が間違っていました。 <!--コメント-->と書かねばいけないところを <!--コメント--!>と書いてしまっていました。 これをソースの頭から書いてしまっていたためＩＥではコメントとして無視されてしまっていたようです。 これを修正したらＩＥでも表示されるようになりました。 ありがとうございました。
補足
body { background-color: #cccccc; } /*一番外枠*/ #frame{ background-color:#ffffff; width:850px; height:830px; margin-left:auto; margin-right:auto; } #log { float:left; padding-left:20px; /*テキストと左枠の距離*/ padding-right:20px; /*テキストと右枠の距離*/ padding-top:5px; /*テキスト上枠の距離*/ width:330px; height:140px; overflow:auto; font-family: serif; font-size:9pt; line-height:15pt; /*行間*/ letter-spacing:1.5pt; /*字間*/ color:#333333; } cssは外部に記述、中身はこんな感じです。 ＩＥだとこのbodyの色しか表示されません。 表示でページのソースをみるとちゃんとソースはあります。 自分のＩＥの設定かなとも思ったので、他の人にも確認してもらったところ他の人も背景色しか見えなかったそうです。 よろしくお願いします。