我应该使用 HTML5 标签进行搜索吗？

Question

我是否应该在新网站上使用 HTML5 特定标签进行搜索，以便保持语义正确？ 我的网站结构是这样的

--------------------
      Header
--------------------
search   |   nav
--------------------
      article
--------------------
       footer
--------------------

这主要是因为搜索在此页面上起着重要作用。

Answer 1

你可以使用：

<input type="search">

搜索是一种浏览网站的方式，因此您只需将其添加到 <nav> 元素即可。

在这种情况下，<nav> 元素可以是<header>、just like the last example in the spec 的子元素。

<header>
  <h1>Site title</h1>
  <input type="search" placeholder="Search…">
  <nav>
    …
  </nav>
</header>
<article>
  <h1>Page title</h1>
</article>
<footer>
  …
</footer>

Answer 2

你的结构应该是这样的（如果你遵循 html5）：

<header>this is header</header>

<section>
    <section>
        <form>
          <input type="search">
        </form>
    </section>
    <nav>
        this is navigation
    </nav>
</section>

<main>
    <article>this content article</article>
    <aside>this sidebar</aside>
</main>


<footer>this is footer</footer>