脚注需在语义化内联或块级元素（如、、、）上显式设置lang属性，而非结构容器或；多语言混排须按词/短语粒度标注BCP 47语言码，CSS推荐用属性选择器如small[lang^="en"]匹配。

脚注元素本身不支持lang属性，必须用语义化容器包裹

HTML里没有专门的标签，所谓“脚注”通常是@#@#@#@#@#@#@#@#@#@0中，数字“1”是阿拉伯数字，无自然语言，lang冗余

CSS :lang() 在脚注中怎么写才匹配成功

脚注样式常需为不同语言指定字体或间距，但small:lang(en) { font-family: "Helvetica Neue"; }容易失效。原因很实在：

• :lang(en)是**精确字符串匹配**，不会被:lang(en)捕获
• 脚注里若用强调某词，而lang只写在上，则em:lang(en)完全不触发——伪类不继承
• 更稳的写法是属性选择器：small[lang^="en"]匹配所有以en开头的语言码（en、en-US、en-GB都生效）
• 若脚注需统一处理所有非中文内容，可写small :not([lang="zh-CN"]):not([lang="zh-Hans"])，但注意性能开销

最麻烦的不是设对一个lang="en"，而是当脚注来自CMS字段或用户输入时，那段HTML片段是否真的带着正确的lang被插入到DOM里——动态渲染漏掉这层，读屏就永远读错。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！