网页头部的声明应该是用 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

相关推荐

  • 多行表格内容复制到一个单元格

    Hello大家好,我是帮帮。今天跟大家分享一下EXCEL多行单元格内容快速复制为一个单元格,轻松办公,简单上手。 有个好消息!为了方便大家更快的掌握技巧,寻找捷径。请大家点击文章末…

    2022年 12月 28日
  • 微信最新技巧,趁它还没失效,赶紧用吧

    最近的评论中,很多朋友说小雷好久没出微信小技巧。 小雷憋了这么久,就是想把最近找到的,一次性放出来给你们。 绝对不是找不到憋不出来的理由。不信,看我真挚纯良的眼神。 好了不废话,直…

    2023年 5月 7日
  • 营销的底层逻辑是什么

    分销就是将原本平台的推广费用(广告、运营等)拿出一部分分给分销商/分销员,让他们帮平台/商家去推广售卖。本篇文章中作者结合实际经验详细的介绍了分销的底层逻辑,感兴趣的小伙伴们快来一…

    2022年 12月 20日
  • 支付宝可以他人盗刷吗

    近期,广州白云警方在“飓风2020”专项行动中,发现有不法分子利用支付宝亲情号功能,将其账号设置为事主的亲情号,进而消费套现,盗取钱财,白云警方近日就侦破这样一宗盗窃案件。 11月…

    2023年 1月 22日
  • 商业数学matlab官方

    MATLAB是美国MathWorks公司出品的商业数学软件,用于算法开发、数据可视化、数据分析以及数值计算的高级技术计算语言和交互式环境,主要包括MATLAB和Simulink两大…

    2023年 9月 21日
  • 如何快速迁移旧手机数据到新手机

    身为一个手机编辑,身边的朋友、亲戚在日常使用手机时遇到不懂的事项都会向我询问,正逢4-5月又是一年中换机季的到来,七大姑八大姨换了新手机都不知道怎么腾数据,周末手机都响个不停。 所…

    2023年 1月 10日
  • 认识宽带光猫指示灯

    作为使用使用光纤上网的用户,认识一些关于室内有线宽带CM猫知识是有一定益处的,下面简单介绍一些关于有线宽带CM猫指示灯的常识。 有线电缆猫一般有5盏灯: 第1盏,电源灯,常亮表示电…

    2023年 6月 12日
  • 微信多个功能被限制怎么提前解封

    正常的情况下,功能被限制是不会影响到登录的,哪怕是多个功能被限制,所以遇到这个情况时,先仔细阅读系统的提示,因为不同的类型解决的办法也是截然不同的,常见的有以下三种: 一:临时类型…

    2023年 5月 24日
  • 追剧网络太卡怎么办

    经常看剧的迷弟迷妹,一定都遇过影片卡的问题,在影片最精彩的地方停住,绝对会让人抓狂!遇到这种情况,第一件事就是检查网络连接状态是否 OK,如果状况依旧,以下6招小窍门,可以帮你改善…

    2023年 8月 2日
  • 家用wifi慢是路由器的问题吗

    家庭WiFi网络承载的业务日益复杂,对WiFi网络的速率、稳定性以及信号覆盖能力的要求也越来越高。但是周围许多朋友都反映家中WiFi不是信号不好就是上网慢,打游戏卡顿、看视频总缓冲…

    2023年 9月 2日