Приложение А. Требования к верстке
HTML
- Обязательно форматировать код
- Обязательно использовать HTML5-теги
- Обязательно использовать смысловые названия значений для атрибутов(class, name и т.п)
- Запрещается транслит(.hapka, .tovar)
- Не допускается вложение блочного элемента в строчный
- Обязательно использовать теги согласно семантики
- На странице должен быть только один заголовок первого уровня
- Теги <article> и <section> обязательно должны содержать заголовки (<h2>-<h6>)
- Тег <nav> должен содержать ссылки только на разделы сайта или разделы внутри одной страницы
- Обязательно указывать атрибут name для тега <input>
- Везде где можно использовать современные type для тега <input>, нужно это делать
- Обязательно добавлять теги <label> к тегам <input>
- Обязательно использовать атрибут required
- Не должно быть пустых тегов
- Декоративные элементы (иконки, фоновые изображения) необходимо верстать, используя CSS
- Контентные изображения необходимо верстать, используя тег <img>
- Обязательно проверять верстку через W3C validator
- Верстка не должна "валиться" при добавлении и удалении блоков, при добавлении большого контента, при ошибки загрузки изображений
CSS
- Обязательно следовать единому стилю кода
- Обязательно устанавливать настройки шрифта в селекторе body
- Обязательно устанавливать альтернативный шрифт
- Запрещается использовать id
- Запрещается использовать !important
- Нельзя оставлять без стилизации состояние фокуса
Самое главное правило - думать головой! :)