HTML lang 语法
在 HTML 中，lang 属性用于指定页面或元素内容所使用的语言。虽然它可以用于任何 HTML 元素，但最常见的做法是将其添加到 <html> 根元素上，告诉浏览器整份文档的语言环境。
语法：
<html lang="语言代码">
<!-- 网页内容 -->
</html>说明：
lang 属性的值必须是符合 BCP 47 规定的语言代码，常用的如下表所示。
| 语言 | 代码 |
|---|---|
| 英语 | en |
| 简体中文 | zh-CN |
| 繁体中文 | zh-TW |
| 日语 | ja |
| 韩语 | ko |
| 法语 | fr |
| 德语 | de |
其中，语言代码可以是简单的语言缩写，也可以加上地区，例如：
en → 英语通用
en-US → 美式英语
en-GB → 英式英语lang 属性的作用主要有以下 3 个：
- 搜索引擎优化（SEO）：搜索引擎会根据 lang 属性判断页面使用的语言，从而提高网页在相应语言搜索结果中的匹配度，避免误判语言，提升搜索准确性。
- 屏幕阅读器支持：屏幕阅读器（辅助技术）会依据 lang 来决定用哪种语音朗读内容。
- 如果是英文页面，会使用英语语音。
- 如果是中文页面，会使用中文语音。
- 对于多语言网页，建议对每段不同语言的内容分别设置 lang，以便更准确地朗读。
- 正确渲染汉字字形：同样的汉字在简体中文、繁体中文和日文中，笔画写法可能不同。设置正确的 lang 属性，可以帮助浏览器选择正确的字体字形，从而避免出现 “日系字” 或 “异体字”。
HTML lang 摘要
| 属于 | HTML 属性 |
|---|---|
| 使用频率 | 高 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML lang 示例
接下来，我们通过几个简单的例子来讲解一下 HTML lang 属性是如何使用的。
示例 1：根元素使用 lang 属性
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div>这是一个中文网页。</div>
</body>
</html>页面效果如下图所示。
分析：
<html lang="zh-cn"> 表示当前网页使用的语言为简体中文。
示例 2：其他元素使用 lang 属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div>
<p lang="en">This is English text.</p>
<p lang="ja">これは日本語のテキストです。</p>
</div>
</body>
</html>页面效果如下图所示。
分析：
我们可以使用 lang 属性来为 “包含不同语言的元素” 指定不同语言。
