HTML5 中没有 <work> 和 <search> 标签，它们不是标准元素，不被浏览器支持；应使用 <section>、<article>、<form>、<input type="search"> 等标准标签配合 ARIA 属性实现语义化。
HTML5 中并没有 <work> 和 <search> 这两个语义化标签，它们**不是 HTML5 标准的一部分**，也未被 W3C 提案采纳或实现。目前主流浏览器不识别、不支持这些标签，使用它们不会带来语义增强、无障碍提升或 SEO 优势，反而可能引发解析异常或维护困惑。
为什么没有 <work> 标签
HTML 的语义标签设计遵循“广泛通用、内容明确、不可替代”原则。<work> 含义模糊——指工作经历？作品集？劳动行为？项目成果？不同场景下语义差异大，无法统一建模。W3C 更倾向用已有标签组合表达：
-
<section>或<article>包裹个人作品集或项目介绍 -
<dl>+<dt>/<dd>描述工作职责与成果 -
<time datetime="...">标注工作起止时间 - 结合
role="region"或 ARIAaria-label增强辅助技术理解（如<section aria-label="我的设计作品">）
搜索区域的正确语义化方式
HTML5 明确提供了原生支持搜索功能的语义标签：<form> 与 <input type="search">。这是标准且被广泛支持的做法：
-
<form role="search">明确标识整个搜索区块为搜索功能区域 -
<input type="search" name="q" aria-label="站内搜索">比type="text"更具语义，部分浏览器提供专用样式与行为（如清空按钮、历史建议） - 配合
<label for="search-input">搜索</label>确保可访问性 - 避免自行定义
<search>—— 它未被 HTML 规范定义，即使作为自定义元素（Custom Element），也不具备内置语义或浏览器支持
如何判断一个标签是否是合法 HTML5 语义标签
可靠依据只有两个官方来源：
立即学习“前端免费学习笔记（深入）”；
- WHATWG HTML Living Standard：查看 Sectioning content 与 Phrasing content 章节
- W3C HTML5.3 Draft（已归档，但历史参考价值高）：确认标签是否列入正式元素列表
- 浏览器开发者工具中检查元素是否被识别为“HTMLUnknownElement”（说明非标准）
- 使用 W3C Markup Validation Service 验证文档，非法标签会报错
替代方案：用标准方式表达“工作”与“搜索”
语义化不靠新标签，而靠结构+属性+上下文：
- 作品展示页：
<main><h1>我的作品</h1><section><h2>品牌设计</h2><figure>...</figure></section></main> - 简历中的工作经历：
<section><h2>工作经验</h2><article><h3>高级前端工程师</h3><time datetime="2021-03">2021年3月–至今</time><p>负责…</p></article></section> - 全局搜索框：
<header><form role="search" action="/search"><label for="site-search">搜索本站</label><input type="search" id="site-search" name="q" required><button type="submit">?</button></form></header>
不复杂但容易忽略：语义化的本质是让机器（搜索引擎、读屏器、爬虫）准确理解内容意图，而不是追求标签名称看起来“更贴切”。坚持使用规范标签、合理嵌套、补充 ARIA 属性，比引入非标标签有效得多。
