You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Для того чтобы отдавать вёрстку клиенту, достаточно обязательного соблюдения первых 5 пунктов.
Для выдачи в продакшен — первых 6.
Соответствие макету
Кроссбраузерность, кодировка и DOCTYPE
Валидность (включая CSSLint и JSHint), доступность, микроформаты
Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
Корректная работа при вбивании реального текста, надёжность вёрстки
Описание существующих контейнеров и списки соотвествующих тегов.
Блочные элементы и блочные контейнеры
Блочные элементы — элементы высшего уровня, которые форматируются визуально как блоки, располагаясь на странице в окне браузера вертикально. Значения свойства display, такие как block, list-item и table делают элементы блочными. Блочные элементы генерируют основной блок, который содержит только блок элемента. Элементы со значением display: list-item генерируют дополнительные блоки для маркеров, которые позиционируются относительно основного блока.
Мета-теги - это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. В большинстве случаев размещаются внутри тега head.
Список мета-тегов для атрибута name:
description — описание веб-страницы, должно быть достаточно длинным и полным
keywords — ключевые слова,
generator — CMS сайта,
author — автор,
copyright — авторские права,
robots — правила индексирования страницы для роботов,
БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на
независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая.
Основная терминология
Блок - часть страницы, являющаяся логически независимой от остального наполнения. Представляет собой «строительную единицу» для сайта (на примере конструктора лего - это отдельный «кирпичик»). Блок не отвечает за свое расположение. Он задает
внутренние свойства (размеры, шрифты и т.д.).
Элемент - часть блока, которая должна входить в состав блока и не иметь какого-либо смысла отдельно от блока.