如何提供包含多种语言内容的页面？

在本文中，我们将看到如何以多种语言提供页面内容。我们可以通过在代码中设置lang属性来设置HTML文档中的语言。默认情况下，指定的语言是英语，但可以在我们方便的时候进行更改。有一种方法可以通过使用谷歌来更改内容语言，您可以查看这篇文章，如何在您的网页上添加谷歌翻译按钮？，
默认情况下：

要更改语言，只需设置lang属性。我们可以在文档的任何地方定义它，例如在正文中、在段落中、在标题中或在 span 标签中。但最好的做法是在 span 标签中设置 lang。

• 示例 1：像这里一样，我们将 span 标签中的语言更改为法语。

   French "  Bonjour  " 

• 示例 2：

   Spanish " Hola "

现在让我们看看整个 HTML 代码，通过它我们可以更正确地理解它。请注意，通过更改lang属性，HTML 文档的视觉效果保持不变。唯一的区别在于该语言的翻译。

为了完成这个任务，我们有 2 种方法来实现相同的结果。第一个我们遵循以下方法，其中 Html lang属性设置为英语或法语或任何合适的语言，第二种方法，我们将使用谷歌翻译 API 参考并将此 API 添加到我们的 Html代码。让我们从我们的第一种方法开始讨论。

在下面，有两个示例显示当您更改 HTML 文档的语言而不是浏览器语言时会发生什么。在第一个示例中，HTML 文档以“ENGLISH”语言提供服务，而在第二个示例中，HTML 文档以“FRENCH”语言提供服务。

示例 1：英文的 HTML 文档

输出：

使用英语时的输出

示例 2：具有不同语言（英语除外）的 HTML 文档（此处使用法语）

HTML

  

    

        We can use different languages in the HTML
        document simply by defining the
        "lang" property
    
  
    
French " Bonjour "
    
Spanish " Hola "
    
Hindi " नमस्ते "
  

  

输出：在这里，您可以看到 HTML 文档没有任何区别。除了语言是英语还是法语，它看起来完全一样。唯一的区别是，浏览器将能够理解或识别整个 HTML 文档的语言是法语或英语或其他某种语言，并在此基础上将页面翻译成您的首选语言。

语言翻译