html lang=en 与谷歌翻译的配合让我入了坑

最新推荐文章于 2024-08-16 14:43:42 发布
最新推荐文章于 2024-08-16 14:43:42 发布
阅读量949 收藏 1
点赞数 1
文章标签： html javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zoye_cheer51/article/details/103761012
版权

用了css属性white-space: pre-wrap，但文本一部分被吃掉了…

起初没找到原因的我把这件事归为灵异事件，打断点看到的数据明明是正确的，可是下一秒就让我的文本不仅内容发生了改变，连万能的white-space都失灵了。我还以为是因为我第一次用这个属性。然后有什么文本格式不支持什么的，因为我当时要显示的是中文数据。可是百度了一堆，white-space就是优秀的，什么都支持，那为什么就是不换行了，还把我一部分的字给吃掉了。

于是我就手动把中文打了一遍，可能是早上脑子比较灵光。调试了一遍后，看到文本里的“吸入”两个字被改成了“取出”，我就在想，难不成是把我的字给翻译了？我用的是谷歌浏览器，设置了自动翻译。然后一看，果然是翻译了。这谷歌也是厉害了，硬生生的把我的中文翻译成另外一个中文。真是为难死它了。后来发现问题了，是因为我的html代码里把lang设置成了en了，然后我要显示的又是中文。自然就会出问题。只怪它们太智能，不能怪我粗心。哈哈哈哈，这不是没有系统的学过这些前端的东西，踩坑是必经之路是吧。嗯！是的！下次知道了，但下次出现的就不是这个问题了。。

Zoye_cheer51
关注
【超级简单】如何设置网页语言为中文，让谷歌浏览器不再弹出翻译？
LimonSea的博客
05-14 7783
出现这个问题一定是lang的语言和本地系统语言不一致造成的。 百度了一圈大家都在搜如何让谷歌浏览器不再弹出翻译，说明没有更改网页语言的网站还是很多的。做网页一定要让用户感到舒适。这点一定要记住啊！ 解决方法：在代码头部，html标签上将lang修改为中文。 <!DOCTYPE HTML> <html lang="zh-CN"> //省略 </html&gt...
谷歌翻译.html
10-24
实现谷歌在线翻译！ //load方法 加载语言版本 当前版本号为1 google.load("language", "1"); //版本为1 function initialize() { //得到要翻译的内容 var text = document.getElementById("text").value; //要翻译成哪国语言 默认为中文 var toLanguage = document.getElementById("language").value; //调用google对象的检测要翻译的对象 arg1:要翻译的文本,arg2:回调函数 google.language.detect(text, function(result) { //如果返回值未出现错误(detect该函数用语检测,估计也有过滤的意思) if (!result.error && result.language) { //调用google语言api的翻译函数 //arg1:要翻译的内容,arg2:通过过滤后对象所属的语言格式,arg3:要转成的类型,arg4:回调函数 google.language.translate(text, result.language, toLanguage, function(result) { //获得要显示翻译结果textarea对象 var translated = document.getElementById("translation"); //如果对象被翻译成功 类似于java的jdbc结果集对象的 .next()方法 if (result.translation) { //设置要显示翻译结果textarea对象的html值 translated.innerHTML = result.translation; } }); } }); } // setOnLoadCallback 该函数 绑定页面加载完毕 调用initialize函数 类似于jQuery的 $(docuemnt).ready(function(){}) google.setOnLoadCallback(initialize); //选择由哪国语言翻译成另外一国语言 function to_language(str){ document.getElementById("language").value = str; if(str == "zh"){ document.getElementById("show").innerText = "英译汉"; }else if(str == "en"){ document.getElementById("show").innerText = "汉译英"; }
html使用谷歌翻译出现多余 &nbsp；的 BUG
pengkai0113的博客
02-22 1820
网页文本ctrl+a放入Geogle翻译中的时候可能会出现如下错误： &lt;span&gt;被替换为&lt; Span&gt; &lt;li&gt;被替换为&lt; /li&gt; &lt;a&gt;被替换为&lt; /a&gt; 然后坑最多的就是:四个空格 会被替换成 不明的tab字符，复制替换 ...
html lang="en"
weixin_42528089的博客
07-08 1万+
<html lang="en"> 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english 你的页面如果是中文页面，可将其改为 <html lang="zh"> zh即表示中文 ...
HTML lang标签与谷歌浏览器翻译
07-12 1578
<html lang="en"> 不写lang就不会触发:
html 中 lang 属性的影响 （一律翻译成英语 翻译此页）
龙丨行的博客
10-16 644
<html lang="en"> 直观影响： 触发了浏览器翻译功能 对界面的影响： 如果用户点击 中文（简体），则界面中的中文会改变（如：左圈中 批量收费 变成了 批量定价）。 如下： 解决方案： 在index.html（入口文件）中设置 <html lang="zh-CN"> 即可。界面就不会触发浏览器翻译相关功能。 ...
HTML基础知识汇总
qq_43544490的博客
08-03 3481
------------------------------------ ????操作小技巧 ❗PS操作小技巧????????❕????????????✅ 1、视图–标尺：可测量像素尺寸感叹号 2、吸管工具可吸取颜色值 3、左侧移动工具–点击侧边标尺，按住不放拖至图片边缘-----方便测量 ❗vscode快捷码字 ul>li*4{$} 得到如下 <ul> <li>1</li> <li>2</li> <li>
Python基础 3.5 HTML CSS JS 和 JQuery
Retro暂留
01-18 412
3.5 Html 和 CSS基础 3.5.1 html 1.介绍 ​ HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。 标记：就是标签, <标签名称> </标签名称>, 比如: <html></html>、<h1></h1> 等，标签大多数都是成对出现的。 所谓超文本，有2个意义 网页中包含除了文本以外的数据内容，超越文本 它还可以从一个网页跳转到其他网页 2.作用 ​ 开发网页的语
3万字干货HTML+CSS入门指南（建议收藏）
李南江
08-01 4736
什么是浏览器 浏览器是安装在电脑里面的一个软件， 能够将网页内容呈现给用户查看，并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件， 只不过功能不同而已 常见主流浏览器 浏览器市场份额-国内统计 浏览器市场份额-国外统计 不同的浏览器有不同的浏览器内核， 浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现 IE内核 Trident 谷歌内核 WebKit / Blink 火狐内核 Gecko Saf
HTML5课堂入门笔记（完）
ChengMeng11的博客
03-21 1722
HTML5入门笔记 一、网页设计中 的软件的安装设置 1、typroa—笔记本工具（方便记录说明文档，图片等内容） 减号加空格可出现此点 文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式） 打开扩展名的操作如图所示： 1、打开我的电脑或者此电脑 2、点击查看，将文件扩展名选中 3、则，文件后面则会显示扩展名 2、greenshot—截图工具 设置 ...
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
最新发布
墩墩分墩
08-16 1958
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
【001】字符集和lang=“en”
weixin_42460304的博客
03-13 2224
前言 主要讲两个小知识，字符集和编码，然后html中lang=‘en’的作用 编码字符集 计算机中储存的信息都是用二进制数表示的；而我们在屏幕上看到的英文、汉字等字符是二进制数转换之后的结果。通俗的说，按照何种规则将字符存储在计算机中，如’a’用什么表示，称为"编码"；反之，将存储在计算机中的二进制数解析显示出来，称为"解码"，在解码过程中，如果使用了错误的解码规则，则导致’a’解析成’b’或者乱...
Google 翻译API Demo
weixin_33877092的博客
08-07 197
接上篇 Google翻译API(B/S调用和C/S调用)      上篇里提到的接口调用方法是get方式，这样有个问题，每次请求翻译的内容不能超过url允许的长度。需要改成post方式才行，但是google没有提供post方式的API请求，怎么办呢？在通过网上一番资料的查找，在一位哥们的博客里看到了解决方案，不过他用的是java版的，对应post地址和参数，写出了.net版的。加上朗...
html的设置语言为en,CSS中的html [lang =“ en”]和html：lang（en）有什么区别？
weixin_40004057的博客
06-02 619
小编典典在HTML中，:lang()伪类和属性选择器都将匹配具有相应lang属性的元素。不同的是，一个浏览器可能不得不确定给定元件的抵靠测试时的语言的其它方式:lang()，其可通过在文档语言和/或实施限定伪类，而一个属性选择器将 只检查一个元件 即给定的属性 ，不附带任何基于文档的语义。例如，在HTML中，伪类还将匹配元素的任何后代，后者没有不同lang，取决于浏览器如何确定这些后代的语言。通常...
H5避免觸發谷歌翻譯
冷静
08-07 323
<html lang='zh-Hant'>
项目上线后中英文翻译问题解决
吴小迪的博客
02-24 2万+
笔者目前是遇到俩种情况，分别都进行了对应的解决，如果你遇到了其他的关于浏览器对你项目进行翻译导致的问题的话可以在下方评论。笔者会第一时间和你一起解决。 问题一：谷歌浏览器自动会帮客户翻译英文网站 解决方法： 如果你是单页应用，那么就请看看你的最外层的html的lang属性是否为zh-CN。如果是默认的en请将它改成“zh-CN”。这样谷歌浏览器就不会自动翻译你的项目了。 如果不是单页应用，那么就...
HTML 的属性 lang=“en“ 语言设置为中文
青颜的天空的博客
09-24 8522
如果中文网站建议设置这个，不然浏览器以为你是英文的看到有个单词就提示翻译 新建模板默认语言： <html lang="en"> ... </html> 修改为中文 <html lang="zh"> ... </html>
HTML5基础语言中的常用标签
m0_65358564的博客
09-24 2129
关于学习web前端技术的HTML的基础语言的学习笔记和总结
html标签中 lang="en-US"和lang="zh-CN"的区别，你知道吗？
热门推荐
alalasheep的博客
01-09 3万+
我们在初学html时，可能会发现编辑器默认生成的格式是<html lang="en"></html>,其实这也是有原因的，lang是language的缩写，代表该网页属于哪一个国家或是地区的网页。下面列举几个常用lang： en-US 英国(美国) zh-CN 中文(简体，中国大陆) zh-SG 中文(简体，新加坡) zh-HK 中文(繁体，香港) zh-MO ...
<html>与<html lang="en">的区别
06-06
<html>是HTML的标签，用于标识HTML文档的开始和结束，而<html lang="en">是在<html>标签中添加了一个lang属性，用于指定HTML文档的语言类型为英语（en）。这个属性可以帮助搜索引擎和浏览器正确地解析和显示网页内容。如果没有指定lang属性，默认的语言类型是英语（en-US）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值