УРОК 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

/*  Комментарий  */

Добавить комментарий

Войти с помощью: