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

最新推荐文章于 2024-03-09 14:16:29 发布
最新推荐文章于 2024-03-09 14:16:29 发布
阅读量895 收藏 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
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
谷歌翻译.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 = "汉译英"; }
HTML5之lang属性与dir属性的详解
09-05
<html lang="en"> <meta charset="utf-8"> 英文网页示例 <!-- 页面内容 --> </html> ``` 如果网页中有部分法语文本，可以这样做： ```html <p lang="fr">Bonjour le monde! ``` 接下来，我们来讨论`dir`...
html使用谷歌翻译出现多余 &nbsp；的 BUG
pengkai0113的博客
02-22 1770
网页文本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 1564
<html lang="en"> 不写lang就不会触发:
html 中 lang 属性的影响 （一律翻译成英语 翻译此页）
龙丨行的博客
10-16 587
<html lang="en"> 直观影响： 触发了浏览器翻译功能 对界面的影响： 如果用户点击 中文（简体），则界面中的中文会改变（如：左圈中 批量收费 变成了 批量定价）。 如下： 解决方案： 在index.html（入口文件）中设置 <html lang="zh-CN"> 即可。界面就不会触发浏览器翻译相关功能。 ...
-doctype-html-html-lang-en-dir-ltr-head-meta-name:
04-07
例如，`<html lang="en">`表明文档主要语言为英语。在标题中提及的"lang-en"可能是指这个点。 4. **文本方向**：`dir`属性用于设置文本方向，`ltr`代表从左到右（Left-to-Right），常见于英语和其他拉丁语系的文本...
HTML5中对lang与xml:lang属性的解释
11-23
元素的lang（无命名空间的）属性用于定义元素的内容及其他文本属性的语言种类。 它的值必须是符合BCP 47规定范围内的一个语言标签。 当该属性设置成空字符串时，代表语言未知。 lang(在XML命令空间内的 xml:lang)，...
### lang = plantuml
最新发布
06-27
### lang = plantuml
html多语言切换demo 多语言翻译 js多语言插件
01-26
`lang`属性用于定义文档或元素的语言代码，例如`lang="en"`表示英语，`lang="zh-CN"`代表简体中文。通过改变`lang`属性值，我们可以轻松地切换页面的语言版本。 其次，JavaScript（js）在多语言插件中扮演了核心...
【001】字符集和lang=“en”
weixin_42460304的博客
03-13 2007
前言 主要讲两个小知识，字符集和编码，然后html中lang=‘en’的作用 编码字符集 计算机中储存的信息都是用二进制数表示的；而我们在屏幕上看到的英文、汉字等字符是二进制数转换之后的结果。通俗的说，按照何种规则将字符存储在计算机中，如’a’用什么表示，称为"编码"；反之，将存储在计算机中的二进制数解析显示出来，称为"解码"，在解码过程中，如果使用了错误的解码规则，则导致’a’解析成’b’或者乱...
Google 翻译API Demo
weixin_33877092的博客
08-07 181
接上篇 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 564
小编典典在HTML中，:lang()伪类和属性选择器都将匹配具有相应lang属性的元素。不同的是，一个浏览器可能不得不确定给定元件的抵靠测试时的语言的其它方式:lang()，其可通过在文档语言和/或实施限定伪类，而一个属性选择器将 只检查一个元件 即给定的属性 ，不附带任何基于文档的语义。例如，在HTML中，伪类还将匹配元素的任何后代，后者没有不同lang，取决于浏览器如何确定这些后代的语言。通常...
H5避免觸發谷歌翻譯
冷静
08-07 267
<html lang='zh-Hant'>
项目上线后中英文翻译问题解决
热门推荐
吴小迪的博客
02-24 2万+
笔者目前是遇到俩种情况，分别都进行了对应的解决，如果你遇到了其他的关于浏览器对你项目进行翻译导致的问题的话可以在下方评论。笔者会第一时间和你一起解决。 问题一：谷歌浏览器自动会帮客户翻译英文网站 解决方法： 如果你是单页应用，那么就请看看你的最外层的html的lang属性是否为zh-CN。如果是默认的en请将它改成“zh-CN”。这样谷歌浏览器就不会自动翻译你的项目了。 如果不是单页应用，那么就...
W3C国际化——lang="en"and dir="ltr"
dijisu0038的博客
11-01 408
写了这么久的网站从来没有注意过lang="en"的真正意义,有时候总会看到这两个值： en定义语言为英语 zh-CN定义语言为中文 今天专门好好的去查看了一番： 　　<htmllang="en">//这里的lang="en"可以删除，如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话） 　　HTML的lang属性可用...
HTML5基础语言中的常用标签
m0_65358564的博客
09-24 1821
关于学习web前端技术的HTML的基础语言的学习笔记和总结
html lang属性的作用
2301_79422212的博客
03-09 353
在中国，本地浏览器的默认语言为中文。此时如果使用lang="en"，html里面如果没有使用lang属性，打开网页不会有任何问题。则浏览器会显示是否翻译为中文。
html5 lang en 乱码,CSS中的html [lang =“en”]和html：lang(en)有什么区别？
weixin_32315511的博客
06-18 366
The difference between :lang(C) and the ‘|=’ operator is that the ‘|=’ operator only performs a comparison against a given attribute on the element,while the :lang(C) pseudo-class uses the UAs knowled...
<html>与<html lang="en">的区别
06-06
<html>是HTML的标签，用于标识HTML文档的开始和结束，而<html lang="en">是在<html>标签中添加了一个lang属性，用于指定HTML文档的语言类型为英语（en）。这个属性可以帮助搜索引擎和浏览器正确地解析和显示网页内容...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值