УРОК 2. СТАНДАРТЫ КОДИРОВАНИЯ
HTML
HTML-страницы должны пройти валидацию с помощью W3C-валидатора (https://validator.w3.org) которая подтверждает, что разметка соответствует веб-стандартам.
- HTML отступы должны отражать логическую структуру страницы. Используйте для этого табуляции, а не пробелы.
- Все теги и атрибуты должны быть прописаны в нижнем регистре.
- Все атрибуты должны иметь значения и должны использовать двойные или одинарные кавычки
Подробнее смотрите здесь
CSS
Используйте табуляции, а не пробелы для отступа у каждого свойства.
Каждый селектор должен располагаться на отдельной строке, заканчивающейся либо запятой, либо открывающей фигурной скобкой. Каждая пара свойство-значение должна быть на отдельной строке, с отступом в одну табуляцию и с точкой с запятой в конце. Закрывающая фигурная скобка должна быть на том же уровне слева, что и открывающий селектор.
#block-1,
#block-2,
#block-3 {
background: url(images/bg/jpg);
color: #000;
}
В качестве имен селекторов, используйте нижний регистр. В имени старайтесь не использовать нижнее подчеркивание и CamelCase-нотации (стиль написания составных слов, при котором несколько слов пишутся слитно без пробелов, при этом каждое слово пишется с заглавной буквы).
Используйте удобочитаемые селекторы (header, content, footer, и т.д.), т.е. в качестве имени используйте осмысленные имена.
Для значений атрибутов селекторов используйте двойные кавычки.
Старайтесь не использовать слишком детальные имена селекторов (#content, а не div#content)
Порядок для свойств margin, padding, border-radius и т.д.: top right bottom left
Префиксы для новых свойств
-moz- (Firefox);
-webkit- (Safari и Chrome);
-о- (Opera);
-ms- (Internet Explorer)
Значения:
- Точка с запятой в после значения
- После двоеточия пробел
- Не ставьте лишних пробелов около скобок.
- За редким (например, функция rgb) исключением нулевые значения не должны иметь единиц измерения
Комментарии
Подробно комментируйте в style.cssи index.html
/* Комментарий */