在 HTML 中选择国家和语言答案

【问题标题】：Select country and language in HTML在 HTML 中选择国家和语言
【发布时间】：2011-06-18 22:51:36
【问题描述】：

我目前正在构建我的网站，我想知道如何做到这一点...

基本上，当您按该国家/地区时，它会询问您可用的语言，然后它会重定向到该语言页面。

我怎么能这样做？像航空公司网站一样，您选择一个国家，然后选择语言，然后它会指向该语言页面？

【问题讨论】：

您的 HTML 是如何生成的？静态还是动态？

标签： html web-applications internationalization

【解决方案1】：

这通常需要一些服务器端处理，例如 PHP。当用户从表单中选择一种语言时，语言选择会存储在会话中，并在每次页面加载时调用。

那么您的 Web 应用程序中通常会包含 internationalization strings。所选语言用于从索引中选择正确的 i18n 字符串。

仅使用纯 html，没有服务器端处理，语言选择表单将简单地（可能通过 javascript）重定向到该语言的文档根目录。这要求您拥有一个以每种语言编码的完整网站。

http://www.example.com
http://www.example.com/en/
http://www.example.com/de/

【讨论】：

【解决方案2】：

您可以通过多种不同的方式做到这一点。

这是一个简单的方法：

有一堆链接，每个链接都是不同的国家。当你点击一个，比如：

<a href="#" onclick="getLanguages('france')" >France</a>

这将调用此处显示的 JavaScript 函数“getLanguages()”：

<script>
function getLanguages(country){
    if(country == "france"){
        document.getElementById("languages").innerHTML = "<a href='/french.html'>French</a><a href='/english.html'>English</a><a href='/german.html'>German</a>";
    }else if(country == "china"){
        document.getElementById("languages").innerHTML = "<a href='/chinese.html'>Chinese</a><a href='/english.html'>English</a><a href='/japanese.html'>Japanese</a>";
    }
}
</script>

显然，对于所代表的每个国家/地区，您会有更多的 if 语句。这基本上会修改 ID 为“languages”的元素：

<div id="languages"></div>

包括该国家/地区的可能语言。然后，当用户点击其中一个链接时，它会将他们带到正确的页面！

希望这会有所帮助，祝你好运！

【讨论】：

这对于一个真正的网站来说是个糟糕的主意，因为您依赖 JavaScript 将内容放在页面上。如果用户屏蔽了 JavaScript 怎么办？搜索机器人将如何索引您的多语言内容？您可能可以通过使用哈希刘海和修改您的 URL 来使其工作（效果不佳），但这比它的价值更多。坚持使用服务器端处理，您会更快乐。
这只是一种方法。当然这可能不是一个好主意，但根据桑迪所说，这似乎是她/他在“航空公司”网站上找到的方法。