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>

我应该在搜索中使用HTML5标签吗？

2 个答案: