为何在header元素内使用search元素会触发W3 Validator验证错误？

用W3验证工具检查将<search>元素放在<header>内的代码时会触发错误，但WHATWG规范中却给出了<header>包含<search>元素的示例。验证该示例代码：

<!doctype html>
<html lang=en>
    <head>
        <title>FOo</title>
    </head>
    <body>
        <header>
            <search>
                <form action="search.php">
                    <label for="query">Find an article</label>
                    <input id="query" name="q" type="search">
                    <button type="submit">Go!</button>
                  </form>
            </search>
        </header>
    </body>
</html>

同样会触发错误：

Error: Element search not allowed as child of element header in this context. (Suppressing further errors from this subtree.)
From line 8, column 13; to line 8, column 20
          <search>↩     
Contexts in which element search may be used:
    Where flow content is expected.
Content model for element header:
    Flow content, but with no header or footer element descendants.

错误提示显示<search>可用于流内容场景，<header>的内容模型也是流内容，为何仍验证不通过？

原因分析与解决方法 #

核心原因是W3C的稳定版HTML规范（如HTML 5.2）与WHATWG的HTML Living Standard规范对<search>元素的定义存在差异：

• WHATWG的Living Standard已经将<search>列为正式的流内容元素，允许放在<header>这类接受流内容的容器中。
• 但W3验证工具默认采用的是W3C的旧版稳定规范，这些规范并未收录<search>元素，因此工具会将其识别为未知元素，进而判定它不能作为<header>的子元素。

解决办法 #

• 切换验证标准：在W3验证工具的设置中选择「HTML Living Standard」作为验证基准，即可通过对<search>元素的验证。
• 替代方案：若需兼容旧规范验证，可使用<div role="search">替代<search>元素，既能通过旧版规范的验证，也能通过ARIA角色保证语义化效果。

内容的提问来源于stack exchange，提问作者Angelic Automata