HTML5多语言站点语言声明需根元素lang精准匹配页面主体语言，路径用子目录隔离语种，局部外语内容显式标注lang，配套doctype、UTF-8 charset和hreflang缺一不可。
HTML5 多语言站点的语言声明，核心是“根定主语、路径定语言、局部标外语”，结构清晰的关键不在堆技巧，而在分层明确、各司其职。
根元素 lang 必须精准匹配当前页面语言
每个 HTML 页面的 <html lang="..."> 值必须真实反映该页主体内容的语言，且只能出现在根标签上。不能靠 JS 后期修改，也不能写在 <body> 或其他子元素里。
- 访问
/zh/about.html→ 必须是<html lang="zh-CN"> - 访问
/en/contact.html→ 必须是<html lang="en-US"> - 值需符合 BCP 47 规范：推荐
zh-CN（非zh、Chinese或空值） - 这个属性直接影响屏幕阅读器发音、浏览器拼写检查、CSS 的
:lang(zh)选择器和翻译工具识别
用语言子目录隔离不同语言版本
不要把多语言塞进一个 HTML 文件，也不要用前端 JS 切换全部文案。最清晰、最 SEO 友好、最无障碍友好的结构是顶层语言子目录：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
/（默认语言，如英文）→<html lang="en-US"> -
/zh/→ 所有页面都带<html lang="zh-CN">，链接全为绝对路径如/zh/products.html -
/ja/→ 同理，独立文件、独立 lang、独立 hreflang 标签 - 新增语言只需新建目录 + 复制结构 + 填入译文，不改动逻辑
局部外语内容必须显式标注 lang
主语言由根元素确定，但嵌入的英文术语、代码、引文等，必须单独加 lang 属性，否则屏幕阅读器仍按中文规则读英文，容易出错：
立即学习“前端免费学习笔记（深入）”；
- 单个词：
<code lang="en">fetch</code> - 整段英文说明：
<p lang="en">This API returns a Promise.</p> - 代码块注释：
<pre lang="en"># Send request to backend</pre> - 避免用
<div lang="en">包裹多个段落——会破坏语义层级，也干扰 CSS 伪类匹配
配套必须到位：doctype、charset、hreflang 一个不能少
语言声明不是孤立动作，需与三项基础配套协同工作：
- 第一行必须是
<!DOCTYPE html>，确保标准模式解析 -
<head>中必须有<meta charset="UTF-8">，且在<title>之前 - 每个页面的
<head>内要写全hreflang链接，例如：<link rel="alternate" hreflang="zh-CN" href="https://example.com/zh/"><link rel="alternate" hreflang="en-US" href="https://example.com/">
