新的HTML标签详解
最新引入的HTML``标签专门用于标记搜索或过滤等交互区域,替代了原有的`role="search"`,补全了所有ARIA地标角色的语义对应关系,显著提升了可访问性与无障碍体验。但由于浏览器支持尚需时间,建议暂时保留`role="search"`作为过渡。
过去,想在HTML里标记一个搜索区域,开发者通常得在上加个role="search",勉强算有个语义。现在好了,HTML标准终于迎来了元素——一个专门用于承载搜索或过滤功能的语义标签。它内部可以放文本输入框、下拉菜单、按钮等各种表单控件,适用范围也很灵活:可以搜本站内容,也可以搜整个互联网。
如何运作
在这之前,常见的写法是这样的:
而有了之后,我们可以直接用标签把表单包起来:
不过,毕竟是刚加入标准的新成员,浏览器、屏幕阅读器这些工具还得慢慢跟上。稳妥起见,可以暂时保留role="search"作为过渡——就像当年刚出来时大家干过的那样。虽说未来这个属性可能多余,但提前让代码适应新标签,总是好的:
...
可能有人觉得这有点反直觉:只是把role="search"从表单挪到了外层容器上,代码多了三个字符,嵌套还深了一层。但换个角度看,这恰恰是渐进增强的体现——就算Ja vaScript挂了,搜索功能照样能跑。
另外要强调的是,不只能用来包搜索框。它同样适用于筛选结果、过滤表格行,比如:
Filter results
看法
终于有一个元素能专门标识搜索区域了,这确实是件好事。正如Scott O'Hara指出过的,在此之前,搜索是唯一一个没有HTML语义等效的ARIA地标角色。看看这张对应表就清楚了:
- banner →
- complementary →
- form →
- main →
- na vigation →
- region →
- search → ???
现在,补上了这个缺口,所有ARIA地标角色都有了对应的语义HTML元素。这对可访问性是个实打实的提升(虽然浏览器全面支持还需要一点时间),也让HTML的语义更完整了。
不过从程序员的角度来看,的存在感确实有点弱——它没有给现有实现带来碘伏性的变化。相比之下,如果标准能推出、这类标签,实用价值可能更直接。但这并不影响的价值:任何改进,哪怕只是微小的进步,都值得欢迎。它是HTML大家庭里一个很棒的补充。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。



























