Должен ли я использовать тег HTML5 для моего поиска?

Question

Должен ли я использовать специальный тег HTML5 для поиска на моем новом сайте, чтобы я мог оставаться семантически правильным? Структура моего сайта примерно такая

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

Это меня беспокоит в основном потому, что поиск играет важную роль на этой странице.

Answer 1

Вы можете использовать:

<input type="search">

Поиск - это способ навигации по веб-сайту, поэтому вы можете просто добавить его к элементу <nav>.

В этом случае *Элемент 1007 * может быть дочерним элементом <header>, , как и в последнем примере в спецификации .

<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>