在我的例子中，如何本地化一个简单的 HTML 网站页面？

I am NOT开发任何包含以下内容的 Web 服务应用程序client侧面和后端server端（如 Java EE 应用程序或 Ruby on Rails）。

相反，我只是开发一个 HTML网站页面，在此页面上，有两个国旗图像（美国和中国），用作用户页面的语言选择。

我想知道，对于这个单一的网页开发（没有任何后端系统），有什么有效的方法来实现页面本地化（即以不同语言显示页面）基于用户选择的标志？

您可以使用标准 HTMLlang属性：

<span lang="en">Scale</span><span lang="de">Maßstab</span>

然后你可以隐藏和显示匹配的元素：

function select_language(language) {
    $("[lang]").each(function () {
        if ($(this).attr("lang") == language)
            $(this).show();
        else
            $(this).hide();
    });
}

我使用一个简单的选择：

<select onchange="select_language(this.options[this.selectedIndex].value)">
  <option value="en" selected>English</option>
  <option value="de">Deutsch</option>
</select>