lynx不渲染~的视觉层级，因为它只解析html语义结构并线性输出文本，不处理css或样式计算；标题被标记为“[h1]”等并支持^g跳转，体现语义保留而非忽略。
为什么Lynx不渲染~的视觉层级？
的视觉层级？
Lynx根本不处理CSS或样式计算，它只解析HTML结构并按语义优先级线性输出文本。所以
不会变大加粗，但会被标记为“Heading Level 1”，并在导航时作为独立跳转节点。这正是语义保留——不是“看不见”，而是“用文本方式表达重要性”。
常见误解是“Lynx把标题当普通段落”，实际不是：它会把
到全部识别为heading令牌，并在快捷键^+g（goto heading）中列出；若页面没用语义化标题标签，Lynx就真找不到任何heading了。
-
<h2>配置说明</h2> → Lynx显示为“[H2] 配置说明”，且可被^g定位
-
<div class="title">配置说明</div> → Lynx仅输出“配置说明”，无heading标识，不可跳转
- 嵌套层级不丢失：
<h3>@#@#@#@#@#@#@#@#@#@0</h3> → “[H3] 子项”仍可点击，链接功能完整
哪些HTML标签在Lynx里完全失效？
^+g（goto heading）中列出；若页面没用语义化标题标签，Lynx就真找不到任何heading了。
-
<h2>配置说明</h2>→ Lynx显示为“[H2] 配置说明”，且可被^g定位 -
<div class="title">配置说明</div>→ Lynx仅输出“配置说明”，无heading标识，不可跳转 - 嵌套层级不丢失：
<h3>@#@#@#@#@#@#@#@#@#@0</h3>→ “[H3] 子项”仍可点击，链接功能完整
哪些HTML标签在Lynx里完全失效？
纯文本浏览器会忽略所有依赖渲染引擎或JavaScript的标签，但“失效”不等于“被删除”——它们可能被静默跳过，也可能被降级为文本或占位符。
典型例子：<picture></picture>、<canvas></canvas>、<svg></svg>、<video></video>、@#@#@#@#@#@#@#@#@#@1”应输出“登录 (https://www.php.cn/link/1b8e84dcae97ad25234484e38615c570)”）
<li>表单控件是否标注类型与名称（<code><input type="email" name="user_email"> → 显示“Email:”）
如果dump结果里全是平铺的“text text text”，没有heading标记、无链接上下文、表单字段全变成“[INPUT]”，那说明HTML语义缺失，不是Lynx有问题，是你没写对。
用Lynx测试时最容易被忽略的编码陷阱
中文乱码不是Lynx的锅，而是<meta charset="UTF-8">没生效或文件本身编码不对。Lynx默认按ISO-8859-1解码，一旦遇到UTF-8字节流就会崩成字符。
验证步骤分三步走：
- 先确认HTML文件真实编码：
file -i index.html，输出含charset=utf-8才可信 - 再检查
<meta>是否在最前面（位置错误会导致被忽略） - 最后强制Lynx用UTF-8：
lynx -assume_charset=UTF-8 -display_charset=UTF-8 index.html
如果file -i显示charset=us-ascii却写了中文，说明文件保存时没选UTF-8，得用iconv转码或编辑器重存。这点在CI流水线里尤其容易漏——本地VS Code看着正常，服务器上Lynx一跑全是方块。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
