Требования к верстке

Б0. В корне проекте должна быть страница pages.html, в которой составлен список всех страниц, которые созданы. Каждый элемент списка - ссылка, в описании которой назначение страницы, а url указывает на ее верстку.

Б1. Выполнена HTML-разметка всех страниц проекта и всех элементов на этих страницах.

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

Б2. Грубые ошибки в разметке отсутствуют.

Грубые ошибки:

— Ссылки сделаны не тегом <a>,а другими тегами;

— Использована ссылка без указания href, в такой ситуации используйте <button>

— Использование строчных элементов для создания крупных(сеточных)блоков;

— Абзацы сделаны не тегами <p>,а <br><br>.

— Все инпуты, селекты и другие интерактивные элементы форм должны располагаться внутри тега <form>. Проверяйте tabindex в формах

Негрубые ошибки:

Отсутствие семантических тегов <header>, <footer>, <section> и других.

Важно: тег <a> — элемент c «прозрачной» моделью содержимого.  Поэтому если <a> вложен в элемент с фразовым содержимым, например в <span>, то внутри самого <a> может быть только фразовый контент. А если <a> вложен в элемент с потоковым содержимым, например в <div>, то и содержимое у <a> может быть потоковое, включая другой <div>.

Поэтому в ссылку можно включать целые секции, если <a> вложен в потоковый блок:

Верно:

<aside>
  <h2>Ограниченные предложения</h2>
  <a href="/buy">
    <section>
      <figure>
        <img src="image.jpg" alt="">
        <figcaption>
          Набор для путешествий «Baxter of California»
        </figcaption>
      </figure>
      <p>Всего за 100 рублей!</p>
    </section>
  </a>
</aside>

Неверно:

<span>
  <a href="/buy">
    <section>
      <h2>Акция!</h2>
      <p>Всего за 100 рублей!</p>
    </section>
  </a>
</span>