Требуется создать верстку
Требования к верстке :
- верстку делать нужно в HTML5 и CSS3 – устаревшие теги не используем.
- верстка должна быть валидной, должна пройти проверку на соответствие стандартам W3C.
- сайт должен корректно работать на всех устройствах.
- соответствие макету.
- сайт должен быстро загружаться.
- все теги должны быть корректно закрыты.
- в теге body не должно быть тега script.
- подзаголовки h1, h2 и h3-h6. в качестве элементов дизайна не использовать.
- заголовок страницы делать тегом h1. Остальные заголовки и подзаголовки делать h2-h6
- на странице может быть только один h1, два h2, и несколько h3-h6.
- заголовки и подзаголовки h2-h6 и не должны быть выше h1.
- заголовки и подзаголовки делать h1-h3. Нельзя использовать тег h для выделения текста, его можно использовать только для заголовков и подзаголовков.
Так же требуется учесть в верстке наличие title, meta keywords и meta description на всех страницах.
Учесть в верстке наличие атрибутов alt, title для изображений.
Текст старайтесь размещать как можно выше в коде.
Теги b и strong использовать только в тексте. Для выделения других элементов (меню, заголовок и тп) использовать стили.
Все стили css должны быть вынесены в style.css. в отдельные файли и папки.
Шапка – фиксированная (при прокрутке вниз остается на месте).
Тег title должен располагаться в коде настолько высоко, насколько это возможно. Контент (основной текст) должен располагаться в коде настолько высоко, насколько это возможно (после title). У всех изображений должны быть прописаны атрибуты alt и title.
На навигационных страницах элементы навигации должно быть кликабельными.
Ссылки на изображение закрывать в noindex, nofollow.
Страницы пагинации от индексации не закрываем, для данных страниц задаем атрибут rel="canonical", указывающий первую страницу как каноническую. На каждой странице пагинации в title должен выводиться номер страницы: Обзоры экспертов страница 3.
Двух одинаковых ссылок на странице не должно быть.
Служебные страницы Контакты и т.д. закрываем в noindex, nofollow (через !-noindex- и rel=»nofollow»).
Не должно быть цикличных ссылок (пример: с главной на главную).
Посещенные ссылки делаем другим цветом (как на макете).
Не использовать display:none или скрипты для скрытия контента.