我刚为一家法国餐馆做了一个网站。该网站是英文的,但我想网站上有足够的法语(菜单项的标签图片)提示访问者在使用 Chrome 时翻译网站。
我可以在 html 中添加一些内容以防止 chrome 要求翻译页面吗?我认为它会类似于 <html lang="en">
但这不起作用。
有任何想法吗?
谢谢
原文由 twinlakes 发布,翻译遵循 CC BY-SA 4.0 许可协议
我刚为一家法国餐馆做了一个网站。该网站是英文的,但我想网站上有足够的法语(菜单项的标签图片)提示访问者在使用 Chrome 时翻译网站。
我可以在 html 中添加一些内容以防止 chrome 要求翻译页面吗?我认为它会类似于 <html lang="en">
但这不起作用。
有任何想法吗?
谢谢
原文由 twinlakes 发布,翻译遵循 CC BY-SA 4.0 许可协议
解决方案:
<html lang="en" class="notranslate" translate="no"> <!-- All translators -->
<head><meta name="google" content="notranslate" /> <!-- Just for google -->
</head> <!-- Close head -->
更简单的方法是添加 translate=“no” 属性。这可以在 div、文本等中进行。这是一个例子:
// Just for instructions
// Do not copy or paste
console.log("The first div don't alows translateing. But the second, alows it.")
console.log("Open the translator and see the efect.")
DIV1
<div translate="no">
Try translating me!
<b>Olá - Hello - Hola</b>
</div>
<hr> DIV2
<div translate="">
Now, you can do it!
<b>Olá - Hello - Hola</b>
</div>
请注意,此示例在 StackOverflow 查看器中存在一些问题。
免责声明:重复此答案,在社区 Wiki 上。
原文由 Tiago Rangel de Sousa 发布,翻译遵循 CC BY-SA 4.0 许可协议
3 回答2.2k 阅读
2 回答1.1k 阅读✓ 已解决
4 回答1k 阅读
2.6k 阅读
2 回答931 阅读
2 回答536 阅读
1 回答1.4k 阅读
新答案
将
translate="no"
添加到您的<html>
标签中,如下所示:MDN 参考
旧答案
(这应该仍然有效,但不太理想,因为它是谷歌特有的,而且还有其他翻译服务。)
在
<head>
和</head>
之间添加此标签:文档参考