<html>: 根元素标签

最后更新：2026-10-13

<html>根元素标签

HTML 文档的根元素，所有其他元素都必须位于它内部；通常用 lang 属性声明页面语言。

<html lang="zh-CN">
  <head>...</head>
  <body>...</body>
</html>

该元素支持全局属性及以下专有属性：

属性	值	描述
`lang`		文档（或该元素内容）的主要语言，利于 SEO 与无障碍。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<html>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： html 是文档最外层；lang 属性对搜索引擎和屏幕阅读器都很重要，务必设置。

Qhtml 标签的 lang 属性为什么重要？

A<html lang='zh'> 声明页面主语言：屏幕阅读器按语言选发音引擎、搜索引擎辅助判断语种、浏览器决定是否弹出翻译提示。缺少 lang 是无障碍审查的高频错误项。

Qhtml 元素上可以设置哪些实用属性？

A除 lang 外常用的有 dir（ltr/rtl 文字方向，阿语等 RTL 语言必设）、class（全局主题类挂载点）、data-* 自定义属性。CSS 变量也常定义在 :root（即 html）上供全站使用。

Q页面可以不写 html 标签吗？

A解析器允许省略 html/head/body 标签并自动补全，但不建议：代码可读性差、某些工具链解析异常、团队协作易出错。显式写全三个骨架标签是所有规范的基本要求。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。