网页头部的声明应该是用 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-Hans 、zh-Hans-CN、zh-cmn-Hans,其实浏览器都能识别成中文 。
  • 如果不设置 lang ,让浏览器自动推导语言也是可以的 。
  • 中文体系是复杂的,但标准是为开发者服务的,同时浏览器也是智能的 。其实设置为 zh-CN、zh-Hans 、zh-Hans-CN、zh-cmn-Hans 还是 zh 其实都无所谓,不要再使用默认的 lang="en" 即可 。
【网页头部的声明应该是用 lang=”zh” 还是 lang=”zh-CN”?】原文链接:***blogs.com/Megasu/p/16816412.html