html语言代码的lang属性参考表

更新日期: 2025-08-03阅读: 96标签: 属性
html 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。正确设置lang属性有助于:
  • 屏幕阅读器等辅助技术正确发音
  • 搜索引擎更好地理解内容语言
  • 浏览器提供正确的拼写检查和翻译建议
  • 改善网站的可访问性(ADA/WCAG合规)


ISO 语言代码

根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明,比如:

<html lang="en">
...
</html>

在 XHTML 中,采用如下方式在 <html> 标签中对语言进行声明:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
...
</html>


常见语种对照表

语言名称(英文)语言名称(中文)ISO 639-1代码常见变体/备注
English英语enen-US(美式), en-GB(英式)
Chinese (Simplified)简体中文zhzh-CN(中国大陆), zh-SG(新加坡)
Chinese (Traditional)繁体中文zhzh-TW(台湾), zh-HK(香港)
Spanish西班牙语eses-ES(西班牙), es-MX(墨西哥)
French法语frfr-FR(法国), fr-CA(加拿大)
German德语dede-DE(德国), de-AT(奥地利)
Japanese日语ja-
Korean韩语ko-
Russian俄语ru-
Arabic阿拉伯语arar-SA(沙特), ar-EG(埃及)
Portuguese葡萄牙语ptpt-PT(葡萄牙), pt-BR(巴西)
Italian意大利语it-
Dutch荷兰语nlnl-NL(荷兰), nl-BE(比利时)
Hindi印地语hi-
Bengali孟加拉语bn-
Turkish土耳其语tr-
Vietnamese越南语vi-
Thai泰语th-
Polish波兰语pl-
Ukrainian乌克兰语uk-
Greek希腊语el-
Hebrew希伯来语he旧代码iw已弃用
Indonesian印尼语id旧代码in已弃用
Swedish瑞典语sv-
Finnish芬兰语fi-
Danish丹麦语da-
Norwegian挪威语nonb(书面挪威语), nn(新挪威语)

其他重要语言代码

语言名称(英文)ISO代码说明
Afrikaansaf南非荷兰语
Basqueeu巴斯克语
Catalanca加泰罗尼亚语
Esperantoeo世界语
Icelandicis冰岛语
Latinla拉丁语
Maltesemt马耳他语
Sanskritsa梵语
Welshcy威尔士语
Yiddishyi意第绪语(旧代码ji已弃用)

en-US 与 en-GB

从全球范围来看,美式英语(en-US)的使用人数远超英式英语(en-GB),主要原因包括:

1.使用人口对比

美式英语(en-US):主要使用国家:美国(约3.3亿人口)、加拿大(主流媒体和商业使用)、菲律宾(受美国殖民影响)、部分拉美和亚洲国家(受美国文化影响)。根据统计数据,全球约三分之二的英语母语者使用美式英语135

英式英语(en-GB):主要使用国家:英国(约6700万人口)、爱尔兰、澳大利亚、新西兰、南非等英联邦国家。使用人数明显少于美式英语,但仍是重要的英语变体。

2.文化影响力

美国在全球娱乐(好莱坞)、科技(硅谷)、互联网(Google、Facebook)等领域占据主导地位,使得美式英语成为国际主流。

英国虽然仍有BBC、牛津剑桥等文化输出,但影响力相对局限在英联邦国家。

3.语言标准化

美式英语在拼写(如color vs colour)、发音(如卷舌音/r/)、词汇(如truck vs lorry)等方面更简单,被广泛采用。

英式英语在某些国际考试(如雅思)和学术领域仍占一定优势,但整体趋势是美式英语更普及。

结论

如果您的目标受众是全球用户(尤其是北美、亚洲、拉美等地区),建议使用 en-US;

如果目标受众是英国、澳大利亚等英联邦国家,则使用 en-GB。

对于国际化网站,可以结合用户的地理位置或浏览器语言设置自动适配,或提供语言切换选项。

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/12880

display: none;与visibility: hidden;的区别

display:none;会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden;不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见,display: none;是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示;

属性设置百分比时的计算参考汇总

元素宽高width,min-width,max-width等元素宽度设置百分比,以包含块的宽度为标准进行计算;height,min-height,max-height等元素宽度设置百分比,以包含块的高度为标准进行计算;

readonly与disabled的区别

readonly 只对 <input> 和 <textarea> 标签有效;disabled 对所有表单元素都有效, 包括:<input>, <textarea>, <button>, <label>, <option>, <select>等

css的overflow属性

事实上我挺长一段时间都没弄清楚overflow:scroll与overflow:auto的差别,今天测试了一下,总算是明白了。visible: 不剪切内容。hidden: 将超出对象尺寸的内容进行裁剪,将不出现滚动条。scroll: 将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。

Vue Prop属性功能与用法实例

这篇文章主要介绍了Vue Prop属性功能与用法,结合实例形式较为详细的分析了vue.js中Prop属性的功能、原理、使用方法及相关操作注意事项,写的十分的全面细致,具有一定的参考价值

深入剖析z-index属性

层叠顺序的大小比较;层叠顺序级别高的元素覆盖级别低的元素。首先要注意,z-index:auto 虽然可以看作z-index:0 ,但是这仅仅是在层叠顺序的比较上;从层叠上下文上讲,二者有本质差别:auto 不会创建层叠上下文,z-index:0 会创建层叠上下文。

Vue.js-计算属性和class与style绑定

所有的计算属性都以函数的形式写在Vue实例中的computed选项内,最终返回计算后的结果。在一个计算属性中可以完成各种复杂的逻辑,包括运算、函数调用等,只要最终返回一个结果即可。

css属性分类介绍

CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position 定位 列表/表格 多列属性 可伸缩框属性 列表属性 Grid属性 Table属性 动画属性 Animation 动画属性 Transition 过渡属性

css中word-wrap white-space word-break textoverflow的使用

word-wrap正常来说,在一行文本中,如果出现这一行已经放不下的单词,浏览器会自动将该文字转入下一行。white-space规定段落中的文本不进行换行。

css使用到的border边框属性

border 在一个声明中设置所有的边框属性。 border-bottom在一个声明中设置所有的下边框属性。border-bottom-color设置下边框的颜色。border-bottom-style设置下边框的样式。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!