我刚为一家法国餐厅做了一个网站。该网站是英文的，但我猜网站上有足够的法语(标签菜单项的图片)，提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html，以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">，但这行不通。
什么好主意吗?
谢谢
当前回答
对于最终的解;
<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
<meta name="google" content="notranslate" />
</head>
<body>
...
</body>
</html>
这对我很管用。
其他回答
有时候你需要阻止的不是所有的html，而是特定的元素，在这种情况下，你可以添加class="notranslate"只对该元素。 ie。<div class="notranslate"> some content </div>
新回答
在<html>标签中添加translate="no"，如下所示:
<html translate="no">
MDN参考
旧的答案
(这应该仍然有效，但不太理想，因为它是谷歌特有的，而且还有其他翻译服务。)
在<head>和</head>之间添加这个标签:
<meta name="google" content="notranslate">
文档参考
<head>中的元标记不适合我，但是
类=“notranslate”
添加到父div(甚至<body>)确实起作用，并允许更精确地控制您不想翻译的内容。
在<head>:
<meta name="google" content="notranslate" />
并更改您的<html>标签为
<html lang="en" class="notranslate" translate="no">
更简单的方法是添加translate="no"属性。 这可以在divs，文本和更多。 这里有一个例子:
/*只是一些基本的样式*/ div[翻译]{ 宽度:50%; 边框:1px纯黑色; 填充:20 px; border - radius: 7 px; text-align:中心; 字体类型:Arial; ｝ < span style=" font - family:宋体;"> <div translate="no"> <!—禁用翻译—> 使< br > <b>Olá - Hello - Hola</b> . < / div > <div translate> <!——启用翻译——> 禁用< br > <b>Olá - Hello - Hola</b> . < / div > < / div >
注意，这个示例在stackoverflow查看器上有一些问题。
仅供参考，如果你想要对你站点中的所有内容(包括非HTML内容)都有效，你可以将响应(源)中的content - language头设置为适当的语言(在我的例子中，en-US)。
这样做的好处是，它将“禁用”为您翻译页面的提议(因为它将正确地知道源语言)，但对于其他非母语读者，他们仍然可以选择将您的网站翻译成他们自己的语言，并且它将正确工作。
(同样在我的使用案例中，Chrome提供了将格式良好的JSON从拉丁语翻译成英语的功能，这一功能就消失了。)
