- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSによる簡易な複数言語対応について)
CSSによる簡易な複数言語対応について
このQ&Aのポイント
- 日本語で公開されているウェブサイトを英語でも公開したい場合、HTMLとCSSのみで簡単に2言語対応する方法を紹介します。
- 日本語と英語のテキストを同じHTMLファイル内に併記し、ユーザーのブラウザの言語設定に応じて表示を切り替えます。
- FireFoxではlang属性を使用する方法が有効ですが、IEでは対応していないため、別の方法を検討する必要があります。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
> また、まったく違う簡単な方法があれば教えていただけないでしょうか 英訳、和訳サイトなどで書かれているような、併記を目的としてるわけではないんですよね? スタイルシートを使わない状態でどう見えるか、という"HTML的"な考え方でいけば、 cssファイルをコンテントネゴシエーションで切り替えるのではなく、 htmlファイルを2つ用意して、言語に合わせて切り替えるほうがいいのでは?と思うのですが。 セオリーとしてはhtmlファイルの切り替えだと思います。 言語の切り替えも、 クッキーを使えばhtmlでもcssでも同じですが(Apache2.0.47以上prefer-language) 一時的な切り替えなら.jaや.enにリンクを張るだけで、簡単に実現できます。 HTMLファイルをもう作っちゃったのであれば、今更ですが。。。 余談ですが、たぶんFxはlang属性に対応していません。 「属性セレクタ」には対応していますが。
お礼
ありがとうございました。 教えていただいた方法で試してみます
補足
さっそくの回答ありがとうございます。 >併記を目的としてるわけではないんですよね はい、併記ではありません。 まず、言語別にhtmlを分けずに、1つのhtmlにしたい理由として、 たとえば、ユーザー情報の登録などを行う画面において、 「入力項目を増やす」などという改修は、 日本語か英語かにかかわらない改修のため、 1回だけの改修で済ませたいためです。 htmlファイルそのものを言語別にしてしまうと、 2つのファイルを改修するということになり避けたいところなのです。 やはり、標準的な考え方としてはおっしゃられるように htmlの切り替えなんでしょうか。。。 うーん。つらいところです。。。