网页头部的声明应该是用 lang=”zh” 还是 lang=”zh-CN”?

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

遇到问题

不知道大家有没有留意到一个问题,就是使用 VsCode 新建的 html 文件的,根标签会有 lang="en"

这样会导致打开网页的时候,浏览器的右上角会蹦出一个翻译英文提示。

翻译弹窗

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

源文件 lang="en"

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

如何解决

修改设置

在 VsCode 设置界面,给 emmet 代码片段添加变量,设置 lang 的值为 zh-CN

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

测试成果

变量设置生效 lang="zh-CN"

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

思考于争议

  • 曾经因为简体中文的 lang 设置为什么有过激烈的讨论,这种在圈子内对技术的严谨追求和探讨其实是极好的。
  • 其实描述“中文 (简体, 中国大陆)”用 zh-CN 即可。

网站

网址

lang 值

淘宝

***/

lang="zh-CN"

腾讯网

***/

lang="zh-CN"

腾讯 alloyteam

***/

lang="zh-cn"

Bilibili

***/

lang="zh-CN"

apifox

***/

lang="zh-CN"

uniapp

***.cn

lang="zh-CN"

小米

***/

lang="zh-CN"

博客园

***blogs.com/

lang="zh-cn"

微软(中国大陆)

***/zh-cn/

lang="zh-CN"

苹果(中国大陆)

***.cn/

lang="zh-CN"

谷歌(简体中文)

***.hk/

lang="zh-CN"

VueJS(简体中文)

***.vuejs.org/

lang="zh-CN"

百度

***/

京东

***

网易

***/

微信

***/

抖音

***/

黑马程序员

***/

传智播客

***/

掘金

***/

lang="zh"

CSDN

***/

lang="zh"

知乎

***/

lang="zh"

Facebook(简体中文)

***/

lang="zh-Hans"

React(简体中文)

***/

lang="zh-Hans"

YouTube(简体中文)

***

lang="zh-Hans-CN"

维基百科(简体中文)

***/

lang="zh-Hans-CN"

豆瓣

***

lang="zh-cmn-Hans"

为什么列这个表格

知乎讨论:***/question/20797118

W3C官网: ***/International/articles/language-tags/

PS:考虑到大家不会主动打开 W3C 链接,所以截图标记出来 W3C 对 zh-CN 部分描述。

网页头部的声明应该是用 lang="zh" 还是 lang="zh-CN"?

结论

  • 描述“中文 (简体, 中国大陆)” 用 zh-CN 即可,而且也是最多国内外大厂采用的方式,所有浏览器都能准确识别,通俗易懂,推荐使用。
  • 其实模糊设置为 zh 或者精确设置为zh-Hanszh-Hans-CNzh-cmn-Hans ,其实浏览器都能识别成中文。
  • 如果不设置 lang ,让浏览器自动推导语言也是可以的。
  • 中文体系是复杂的,但标准是为开发者服务的,同时浏览器也是智能的。其实设置为 zh-CNzh-Hanszh-Hans-CNzh-cmn-Hans 还是 zh 其实都无所谓,不要再使用默认的 lang="en" 即可。

原文链接:***blogs.com/Megasu/p/16816412.html

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(1)
上一篇 2022年 12月 20日 下午3:19
下一篇 2022年 12月 20日 下午3:25

相关推荐