我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

使用chrome浏览国外技术站点的时候,经常会在界面上看到chrome的翻译功能的提示。那么大家有没有想过,从代码层面上来说的话,为什么访问中文站的时候,就没有这个提示呢。

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html-lang
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-1)

苏南大叔做了个小小的实验,和大家分享一下这个实验结果。实验的对象就是html便签的lang属性,通过修改这个属性值,来查看一下它对chrome的翻译功能的影响。

不设置或者设置为zh或者设置为zh-开头

这种情况下,不触发chrome的翻译工具条。

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_null
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-2)

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_zh
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-3)

设置为en,或者en-开头

这个情况下,触发的时候英语翻译为汉语的工具条。

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_en
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-4)

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_en_us
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-5)

设置为韩文或者日文

也可以正常识别出koja,工具条的源语言项目有所变化。

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_ko
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-6)

苏南大叔:网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示 - html_lang_ja
网页 html 标签的 lang 属性,影响 chrome 的翻译工具展示(图7-7)

下面是可用的语言代码列表

LanguageISO Code
Abkhazianab
Afaraa
Afrikaansaf
Albaniansq
Amharicam
Arabicar
Armenianhy
Assameseas
Aymaraay
Azerbaijaniaz
Bashkirba
Basqueeu
Bengali (Bangla)bn
Bhutanidz
Biharibh
Bislamabi
Bretonbr
Bulgarianbg
Burmesemy
Byelorussian (Belarusian)be
Cambodiankm
Catalanca
Cherokee 
Chewa 
Chinese (Simplified)zh
Chinese (Traditional)zh
Corsicanco
Croatianhr
Czechcs
Danishda
Divehi 
Dutchnl
Edo 
Englishen
Esperantoeo
Estonianet
Faeroesefo
Farsifa
Fijifj
Finnishfi
Flemish 
Frenchfr
Frisianfy
Fulfulde 
Galiciangl
Gaelic (Scottish)gd
Gaelic (Manx)gv
Georgianka
Germande
Greekel
Greenlandickl
Guaranign
Gujaratigu
Hausaha
Hawaiian 
Hebrewhe, iw
Hindihi
Hungarianhu
Ibibio 
Icelandicis
Igbo 
Indonesianid, in
Interlinguaia
Interlingueie
Inuktitutiu
Inupiakik
Irishga
Italianit
Japaneseja
Javanesejv
Kannadakn
Kanuri 
Kashmiriks
Kazakhkk
Kinyarwanda (Ruanda)rw
Kirghizky
Kirundi (Rundi)rn
Konkani 
Koreanko
Kurdishku
Laothianlo
Latinla
Latvian (Lettish)lv
Limburgish ( Limburger)li
Lingalaln
Lithuanianlt
Macedonianmk
Malagasymg
Malayms
Malayalamml
  
Maltesemt
Maorimi
Marathimr
Moldavianmo
Mongolianmn
Nauruna
Nepaline
Norwegianno
Occitanoc
Oriyaor
Oromo (Afan, Galla)om
Papiamentu 
Pashto (Pushto)ps
Polishpl
Portuguesept
Punjabipa
Quechuaqu
Rhaeto-Romancerm
Romanianro
Russianru
Sami (Lappish) 
Samoansm
Sangrosg
Sanskritsa
Serbiansr
Serbo-Croatiansh
Sesothost
Setswanatn
Shonasn
Sindhisd
Sinhalesesi
Siswatiss
Slovaksk
Sloveniansl
Somaliso
Spanishes
Sundanesesu
Swahili (Kiswahili)sw
Swedishsv
Syriac 
Tagalogtl
Tajiktg
Tamazight 
Tamilta
Tatartt
Telugute
Thaith
Tibetanbo
Tigrinyati
Tongato
Tsongats
Turkishtr
Turkmentk
Twitw
Uighurug
Ukrainianuk
Urduur
Uzbekuz
Venda 
Vietnamesevi
Volapukvo
Welshcy
Wolofwo
Xhosaxh
Yi 
Yiddishyi, ji
Yorubayo
Zuluzu

总结

最终的结论是这样的:对于国人操作手机类浏览器来说,这个lang属性应该设置为zh,以免在一些场合下出现莫名其妙的翻译提示条。

总以为html标签周围的属性都是没有什么用途的,经过实验,我们可以看到:还是有些作用场合的。大家试试吧。更多chrome相关的精彩文章,由苏南大叔给您奉上:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   chrome