HTML全局属性Translate：阻止或允许翻译工具处理页面内容的设置

你在学习文章相关的知识吗？本文《HTML全局属性Translate：阻止或允许翻译工具处理页面内容的设置》，主要介绍的内容就涉及到，如果你想提升自己的开发能力，就不要错过这篇文章，大家要知道编程理论基础和实战操作都是不可或缺的哦！

Chrome自动翻译功能需五步启用：一、开启“提供网页翻译”开关；二、添加并设中文(简体)为默认语言；三、开启“询问是否翻译非您所用语言的网页”；四、添加英语并勾选“提供翻译此语言的网页”；五、清除Cookie及缓存重置语言识别。

Chrome 等浏览器的自动翻译功能会把 fetch()、v5.2.0、/api/v1/users/:id 这类内容错译成中文，破坏技术准确性。直接加 translate="no" 是最轻量、最可靠的拦截方式，但必须理解它的作用边界和继承逻辑，否则反而会让本该翻译的按钮文案也失效。

translate="no" 的实际生效范围与继承规则

这个属性是可继承的：父元素设了 translate="no"，所有子元素默认也不参与翻译。但有两个常见例外必须手动处理：

• <textarea> 和 <input> 的 value 值不受父级影响，需单独加 translate="no"