Html 制作双语网站

如果这是一个简单的问题，请提前道歉——我对web开发非常陌生

我正在努力使一个网站多语言（英语和法语）

我知道如何让按钮从英语网站切换到法语网站，反之亦然

HTML:

//定义语言重新加载锚
var dataReload=document.querySelectorAll（“{dataReload]”）；
//语言翻译
变量语言={
英语：{
你好：“嗨！”
},
fr:{
你好：“你好！”
}
};
//通过窗口散列定义语言
if（window.location.hash）{
if（window.location.hash==“#fr”）{
hi.textContent=language.fr.hello；
}
}
//定义语言重新加载onclick文盲
对于（i=0；i我的经验是Java（特别是Spring）。我猜这可能不是您正在使用的，但基本概念可能适用于其他框架：

Spring的工作方式是使用所有已翻译的消息定义一组特定于语言（区域设置）的消息文件。这些文件按区域设置命名。因此，对于法语，您可能有一个名为
messages\u fr.properties
的文件，其中包含以下内容：

greeting=Bonjour! Bienvenue sur notre site!
lang.change=Changez la langue
lang.eng=Anglais
lang.fr=Francais

上面定义了一组特定于语言的键值。不同的语言文件将具有不同的值，但具有相同的键。然后，在html模板中，您可以这样使用键：

<h1><spring:message code="greeting" text="default"/></h1>



Spring然后根据用户的区域设置查找
问候语
键。如果设置为法语，它将在上述法语文件中查找结果
Bonjour！Bienvenue sur notre site！
。如果设置为英语，它将在英语文件中查找

显然，其他框架可能会做一些不同的事情，但也许这个概述在某种程度上会有用。关于Spring方式的更多信息可以在这里找到：


如果您正试图推出您的简单国际化框架（哪个idk可能不是最佳方案，取决于它的使用量），您可能有一个类似的设置，全局区域设置绑定到用户，消息查找机制根据语言无关键+用户的区域设置查找文本。此查找可能只是全局js对象中的查找，也可能是服务器端的查找，具体取决于模板的位置。然后，您的模板de将只引用查找函数和键，而不必担心硬编码的语言值。而您更改站点语言的链接只需更改该用户的区域设置，可能存储在他们的会话或其他等效内容中。
如何翻译法语页面是什么意思？您可以有一个类似人类的你可以自己翻译，也可以使用谷歌翻译或DeepL之类的自动翻译工具。这就是你要问的吗？什么框架在做大部分的渲染？是否涉及到服务器端框架或是所有的js？是香草js还是js框架？我想你已经看到谷歌的翻译按钮：考虑到你的cod在问题中，你可以使用JavaScript中的对象来解决这个问题。大家好，这里有一些澄清：我说的如何翻译页面是什么意思？我的意思是我想自己翻译它（没有谷歌翻译），但不知道如何去做。当我点击“法语”时，我仍然可以看到所有的东西都是英文的。我怎么做才能让我看到我用法语写的东西呢？是什么框架在做渲染？它只是简单的旧js。没有服务器端框架或其他js框架谷歌翻译-我已经看过并试过了，但它让我的加载时间太长了