lang 属性必须写在 <html> 标签上且仅一次,写在 <body> 或其他子元素无效;zh-CN 最常用且兼容性最佳,zh-Hans 强调简体字但不绑定地域,zh 过于宽泛;错误值会导致读屏、翻译、CSS 和 SEO 失效。lang 属性该写在哪个标签上必须写在 <html> 标签上,且只写一次。写在 <body> 或其他子元素上无效,浏览器不会据此处理页面整体语言逻辑。常见错误是把 lang 加在 <div> 或 <p> 上想"局部声明",这只能覆盖该元素及其后代(需配合语义合理使用),但文档主语言只能靠 <html lang="zh-CN"> 确立。正确:<html lang="zh-CN">错误:<body lang="zh-CN">(不被解析为文档语言)例外场景:多语言混排时,可在子元素补 lang,如 <span lang="en">API</span>zh-CN、zh-Hans、zh 有什么区别三者都表示中文,但语义层级和兼容性不同,选错可能影响屏幕阅读器断词、字体回退或 SEO 识别。zh-CN:最常用,明确"简体中文 + 中国大陆规范",浏览器、读屏软件支持最稳zh-Hans:强调"简体字"(Han Simplified),不绑定地域,适合港澳台用户也用简体的场景zh:太宽泛,仅表示"中文",不区分简繁、地域,部分旧工具可能忽略或误判除非有明确国际化策略,否则直接用 zh-CN 最省心。别为了"看起来更标准"换成 zh-Hans------多数 CMS、翻译插件、SEO 工具认的是 zh-CN。立即学习"前端免费学习笔记(深入)"; 稿定AI 拥有线稿上色优化、图片重绘、人物姿势检测、涂鸦完善等功能
相关推荐
Wyz201210241 小时前
C#怎么创建控制台应用 C#如何编写Console控制台程序处理命令行参数和输入输出【入门】财经资讯数据_灵砚智能1 小时前
基于全球经济类多源新闻的NLP情感分析与数据可视化(日间)2026年4月20日其实防守也摸鱼1 小时前
怎么部署 sqli-Labs(SQL 注入练习靶场)及less1、2讲解2501_914245931 小时前
CSS如何提升CSS预处理器的编译效率_利用BEM结构优化选择器匹配不瘦80斤不改名1 小时前
深入理解 FastAPI 核心架构:依赖注入、分页机制与数据流转的底层逻辑瀚高PG实验室1 小时前
普通用户可以访问系统目录qq_330037992 小时前
C#怎么解析XML文件 C#如何用XmlDocument和LINQ to XML读写XML数据【基础】weixin_408717772 小时前
如何大幅提升 Google Sheets 数据库更新脚本的执行效率布局呆星2 小时前
Vue3 笔记:过渡动画与自定义指令