我刚为一家法国餐厅做了一个网站。该网站是英文的,但我猜网站上有足够的法语(标签菜单项的图片),提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html,以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">,但这行不通。
什么好主意吗?
谢谢
我刚为一家法国餐厅做了一个网站。该网站是英文的,但我猜网站上有足够的法语(标签菜单项的图片),提示访问者翻译网站如果使用Chrome。
有没有什么我可以添加到html,以防止chrome从要求翻译页面?我假设它会是类似于<html lang="en">,但这行不通。
什么好主意吗?
谢谢
当前回答
在<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>标签中添加translate="no",如下所示:
<html translate="no">
MDN参考
旧的答案
(这应该仍然有效,但不太理想,因为它是谷歌特有的,而且还有其他翻译服务。)
在<head>和</head>之间添加这个标签:
<meta name="google" content="notranslate">
文档参考
<head>中的元标记不适合我,但是
类=“notranslate”
添加到父div(甚至<body>)确实起作用,并允许更精确地控制您不想翻译的内容。
有时候你需要阻止的不是所有的html,而是特定的元素,在这种情况下,你可以添加class="notranslate"只对该元素。 ie。<div class="notranslate"> some content </div>
仅供参考,如果你想要对你站点中的所有内容(包括非HTML内容)都有效,你可以将响应(源)中的content - language头设置为适当的语言(在我的例子中,en-US)。
这样做的好处是,它将“禁用”为您翻译页面的提议(因为它将正确地知道源语言),但对于其他非母语读者,他们仍然可以选择将您的网站翻译成他们自己的语言,并且它将正确工作。
(同样在我的使用案例中,Chrome提供了将格式良好的JSON从拉丁语翻译成英语的功能,这一功能就消失了。)
解决方案:
<html lang="en" class="notranslate" translate="no"> <!-- All translators -->
<head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head> <!-- Close head -->
更简单的方法是添加translate="no"属性。 这可以在divs,文本和更多。 这里有一个例子:
//只是为了得到指示 //不要复制或粘贴 console.log("第一个div不允许翻译。但第二个,允许它。”) console.log(“打开翻译器并查看效果。”) DIV1 > < div翻译=“不” 试着翻译我! <b>Olá - Hello - Hola</b> . < / div > <人力资源> DIV2 < div翻译= " " > 现在,你可以做到了! <b>Olá - Hello - Hola</b> . < / div >
注意,这个例子在使用StackOverflow查看器时存在一些问题。
免责声明:这个答案是重复的,在社区维基上。