友人に頼まれてサイトの挨拶文のようなページを、英語バージョンと中国語バージョンで作っています。
ナビゲーションなどは日本語のままで、メインのコンテンツエリアのみ英語や中国語を書くので2つの言語が交じるページとなります。
文字化けを防ぐためのエンコードがいまいち分かりません…
分からないなりに書いては見たものの、これであっているのかも分かりません。
(確認する方法はあるのでしょうか)
コードを書いてみました。
添削やアドバイスをお願いします。
─────────────────────────
【英語と日本語のページ】
※エンコードをUTF-8にしただけです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<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-transitio …
<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にしたほうがいいのでしょうか?
わからない事だらけでスミマセン(;_;)
よろしくお願いします。。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
><html xmlns="
http://www.w3.org/1999/xhtml" lang="ja,zh" xml:lang="ja,zh">さすがに、XHTMLはもう使いませんが・・
HTML5が持つ本当の意味 - @IT( http://www.atmarkit.co.jp/news/200801/25/html.html )の「XHTMLがあるのに、なぜ今さらHTML?」あたり。
<!doctype html>
<html lang="ja"><!-- この文書が日本語であることを宣言 -->
<head>
<meta charset="utf-8">
<title>サンプル</title>
<link rel="stylesheet" href="css/style.css">
</style>
</head>
<body>
_<header>
__<h1>アラビア語<span lang="en-us">Arabic language</span><span lang="ar" dir="rtl">اللغة العربية</span></h1>
__<p>アラビア語は、アフロ・アジア語族のセム語派に属する言語の一つ。</p>
__<p lang="en-us">The Arabia language is one of the languages that belong to Semitic languages of a Afro Asian family of languages. </p>
__<p lang="ar" dir="rtl">تنتمي اللغة العربية إلى أسرة اللغات السامية المتفرعة من مجموعة اللغات الإفريقية الآسيوية. وتضم مجموعة اللغات السامية لغات حضارة الهلال الخصيب القديمة، </p>
_</section>
で良いです。
標準スタイルシートで
*[lang|="en"],*[lang|="ar"]{color:gray;}
として代替スタイルシートでは
<link href="english.css" title="English" rel="alternate stylesheet" type="text/css">
で
*[lang|="en"]{color:black;}
とするとか・・
この回答への補足
ありがとうございます。
代替スタイルシートというものがあるんですね!
訪問者が任意で表示の切り替えができるということですね、知りませんでした…!
>標準スタイルシートで
>*[lang|="en"],*[lang|="ar"]{color:gray;}
>として代替スタイルシートでは
><link href="english.css" title="English" rel="alternate stylesheet" type="text/css">
> で
>*[lang|="en"]{color:black;}
>とするとか・・
表示の切り替えで文字の色を設定する?ということなのでしょうか?
(通常cssで英語とアラビア語はグレーの文字、代替cssに切り替えると黒い文字)
間違っていたらスミマセン…
通常のデザインを適用するためのcssだけではだめなのでしょうか?
度々すみません、勉強になります。
No.1
- 回答日時:
ページ全体はUTF-8が楽でしょう。
Shift_JISなどの場合は、文字参照( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )を使用します。
とても説明しきれないので詳しくは↑
UTF-8の場合でも、個別にはlang( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )属性で必ず指定します。
表示は代替スタイルシートで選択してもらったり、javascriptでuser agentの言語に合わせてスタイルを書き換えるとかします。
[例]
_<section>
__<aside>
___<h3>Something aside</h3>
__</aside>
__<h2>アラビア語<span lang="en-us">Arabic language</span><span lang="ar" dir="rtl">اللغة العربية</span></h2>
__<p>アラビア語は、アフロ・アジア語族のセム語派に属する言語の一つ。</p>
__<p lang="en-us">The Arabia language is one of the languages that belong to Semitic languages of a Afro Asian family of languages. </p>
__<p lang="ar" dir="rtl">تنتمي اللغة العربية إلى أسرة اللغات السامية المتفرعة من مجموعة اللغات الإفريقية الآسيوية. وتضم مجموعة اللغات السامية لغات حضارة الهلال الخصيب القديمة، </p>
_</section>
この回答への補足
回答ありがとうございます!
では、エンコードのUTF-8にするだけで、
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja,zh" xml:lang="ja,zh">
ここのlang=とxml:lang=の記述はいらないですか?
使用する箇所にlangの指定すればいいということですが、日本語のところにはlang=ja必要無いのでしょうか?
↓こんな感じでいいのかしら‥
<p>赤ちゃん</p>
<p lang="zh">婴儿</p>
<p lang="en-us">Baby</p>
なんどもスミマセン!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
iframe内の表示を常に最新にしたい
-
objectタグを使って背景を透明...
-
HTMLファイルのインクルードで...
-
TEXTAREAのスクロールバーを消...
-
HTMLソースにない文字がブラウ...
-
googleドライブで、PDFファイル...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
Webサイトから、txtファイルを...
-
どのページもすべて同じURLなの...
-
【HTML】1クリックで複数ファイ...
-
Excel VBA :URLの中で変数を使...
-
htmlファイルの表示が真っ白
-
1つ下の階層のフォルダに相対...
-
プログラムについて。
-
java_run.batがダウンロードで...
-
iPadの標準ブラウザでローカルH...
-
javaでhtmlファイルを開く方法
-
ソースの表示を無効にする方法。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
根号の書き方について
-
文字化けを故意に表示したい
-
HTMLファイルのインクルードで...
-
先日ウェブデザイン技能検定三...
-
iframe内の表示を常に最新にしたい
-
borderでa:hover下線表示させる...
-
指定した演算を実施の結果を表...
-
ページ全体を中央に配置したい...
-
safariだけcssが反映されない
-
わざと文字化けさせるには
-
WEBページがIEだけ文字化けして...
-
html で 変数を定義できますか?
-
<!DOCTYPE html>あってますか?...
-
COLDFUSIONの文字化け
-
textareaの一行の文字数制御
-
Duolingo のソースコードの名前...
-
Aタグのmailtoでメッセージ作成...
おすすめ情報