HTML页面的语言设置主要通过lang属性实现，该属性用于声明当前HTML文档的主要自然语言，属于html标签的核心属性之一，浏览器、屏幕阅读器和搜索引擎都会读取这个属性值来调整自身的处理策略。
lang属性的核心作用
设置lang属性可以带来多方面收益：
- 帮助屏幕阅读器正确选择发音规则，避免读错外语内容
- 让搜索引擎更准确地识别页面内容的语言类型，优化索引效果
- 辅助浏览器选择正确的字体渲染规则，提升特殊字符的显示效果
- 帮助拼写检查工具匹配对应语言的词典，提升输入内容的校验准确性
基础设置语法
标准的lang属性需要添加到html标签上，语法格式如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>中文页面示例</title>
</head>
<body>
<p>这是一个简体中文页面</p>
</body>
</html>上述代码中zh-CN表示简体中文，是中文页面的常用语言代码，如果是繁体中文可以使用zh-TW。
常用语言代码对照
不同语言的lang属性值遵循BCP 47规范，以下是常见语言的代码参考：
| 语言 | lang属性值 | 说明 |
|---|---|---|
| 简体中文 | zh-CN | 中国大陆地区使用的简体中文 |
| 繁体中文 | zh-TW | 中国台湾地区使用的繁体中文 |
| 英语（美国） | en-US | 美国地区使用的英语 |
| 英语（英国） | en-GB | 英国地区使用的英语 |
| 日语 | ja | 日本地区使用的日语 |
| 韩语 | ko | 韩国地区使用的韩语 |
多语言页面的设置技巧
如果页面中包含少量其他语言的内容，可以给对应内容的容器标签单独设置lang属性，示例如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>多语言内容页面</title>
</head>
<body>
<p>这是一段中文内容</p>
<p lang="en-US">This is an English paragraph.</p>
<p>又回到中文内容</p>
</body>
</html>这种写法可以让屏幕阅读器在读取英文内容时切换到英语发音规则，读取中文内容时回到中文发音规则，提升特殊用户的阅读体验。
常见设置误区
开发者在设置lang属性时容易出现以下错误：
- 把
lang属性放在head标签或者其他非html标签上，该属性仅对html标签和内部容器标签有效 - 语言代码写错，比如用
ch表示中文，正确的简体中文代码是zh-CN - 全局页面设置
lang="en"但主要内容是中文，会导致屏幕阅读器误判内容语言 - 忘记设置
lang属性，浏览器会默认使用系统语言猜测，可能出现适配偏差
验证设置是否正确
可以通过浏览器的开发者工具验证lang属性是否生效：打开页面后按F12打开开发者工具，选中html标签，在属性面板中查看是否有lang属性，以及属性值是否符合预期。如果需要更全面的校验，也可以使用W3C的HTML验证工具检查属性配置是否合规。
HTMLlang_attributehtml_langlanguage_attribute修改时间：2026-06-04 04:10:31