Код IT
← Каталог

Основы веб-разработки и типичные оплошности — Структурные оплошности HTML

Фрагмент из «Основы веб-разработки и типичные оплошности»: Структурные оплошности HTML.

html dev-debugencyclopedia1114 embed URL статья в энциклопедии
HTML main.html 
<!-- Ошибочный вариант -->
<div class="header">
  <div class="title">Заголовок</div>
  <div class="menu">
    <a href="#" onclick="doSomething()">Кликни</a>
  </div>
</div>

<!-- Корректный вариант -->
<header>
  <h1>Заголовок</h1>
  <nav>
    <button type="button" onclick="doSomething()">Кликни</button>
  </nav>
</header>
<!-- Ошибочный вариант -->
<div class="header">
  <div class="title">Заголовок</div>
  <div class="menu">
    <a href="#" onclick="doSomething()">Кликни</a>
  </div>
</div>

<!-- Корректный вариант -->
<header>
  <h1>Заголовок</h1>
  <nav>
    <button type="button" onclick="doSomething()">Кликни</button>
  </nav>
</header>