これについては、多くのさまざまな方法がありますが、私はあなたのニーズに最も適した方法を見つけるとGoogle検索に時間を置くことをお勧めします。
私が使用したい例を挙げますが、私が投稿している情報は複数の可能なアプローチのうちの1つに過ぎないことを覚えておいてください。
まず、ユーザーの言語を取得する必要があります。これを行うには、ジオロケーションを使用して、ユーザーの所在地に基づいて言語を設定するか(良い方法についてはthis答えを参照するか、Googleを検索して他の多くの方法を使用します)、ユーザーのブラウザから取得できますそのことについてはthisスレッドを参照してください)。
これを取得したら、ローカライズされたコンテンツをユーザーに表示するだけです。
<body>
<h2>
<span class="lang lang_en">This is in english!</span>
<span class="lang lang_it">Questo è in italiano!</span>
</h2>
</body>
の各バージョン:
まず第一に、あなたのHTMLを持っている:私の好ましいアプローチは、単一のファイルにすべてのバリアント(これは、複数の異なるHTMLファイルを利用することの代替方法)を組み合わせた以下であり、テキストはそれ自身の範囲内に存在します。次に、あなたのCSSには、すべてのspan
秒を隠す:もちろん
var lang = ...; //language
switch (lang) {
case "en":
$(".lang_en").css("display", "inline");
break;
case "it":
$(".lang_it").css("display", "inline");
break;
default:
// Set your default language here
}
:
.lang{
display:none;
}
最後に、JSで、我々は言語のテキストが含まれているspan
sが我々が表示したいだけ明らかにこのアプローチがあなたのために良い選択であるかどうかは、あなたのニーズに左右されます。私はJQuery以外のフレームワークに依存しておらず、理解しやすいので好きです。もちろん、あなたのニーズに応じて、非常に非効率的な場合もあります(非常に大きなWebページの場合など)。それはあなたが決定するまでです。
たくさんのJS/jQueryを作成することも、2つのインスタンスを作成して2つのドメインにサイトをホストすることもできます。 – ThisGuyHasTwoThumbs
これは「国際化」と呼ばれています。これは実際には完全なコーディングのサブ専門です。それを処理するには多くの異なる方法があります - それらの用語を検索すると、あなたが始められるはずです。 –
[コンテンツ言語と受け入れ言語とは何ですか](https://stackoverflow.com/questions/6157485/content-language-and-accept-language) – Quentin