Использованный материал: Руководство по оформлению HTML/CSS кода от Google (cокращённый вариант)
Не указывайте протокол при включении ресурсов на страницу.
Опускайте название протокола (http:, https:) в ссылках на картинки или другие медиа-ресурсы, файлы стилей или скрипты.
Отсутствие протокола делает ссылку относительной, что предотвращает смешивание ресурсов из разных протоколов и незначительно уменьшает размер файлов.
Не рекомендуется:
<script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>
Рекомендуется:
<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>
Не рекомендуется:
.example {
background: url(http://www.google.com/images/example);
}
Рекомендуется:
.example {
background: url(//www.google.com/images/example);
}
Всегда пишите в нижнем регистре.
Весь код должен быть написан в нижнем регистре: Это относится к названиям элементов, названиям атрибутов, значениям атрибутов (кроме текста/CDATA), селекторам, свойствам и их значениям (кроме текста).
Не рекомендуется:
<A HREF="/">Домой</A>
Рекомендуется:
<img src="google.png" alt="Google">
Используйте UTF-8 (без BOM).
Указывайте кодировку в HTML шаблонах и документах с помощью <meta charset="utf-8">. Опускайте кодировку для сss-файлов: для них UTF-8 задана по умолчанию.
Не используйте ссылки-мнемоники.
Нет смысла использовать ссылки-мнемоники, такие как —, ”, или ☺, когда все команды в файлах, редакторах используют одну кодировку (UTF-8).
Единственное исключение из этого правила — служебные символы HTML (например < и &) а так же вспомогательные и невидимые символы (например неразрывный пробел).
Не используйте кавычки в ссылках
Не используйте кавычки ("", '') с url().
Рекомендуется:
@import url(//www.google.com/css/go.css);
После названий свойств используйте пробелы после двоеточий в объявлениях.
Всегда используйте один пробел после двоеточия (но не до) в объявлениях, для порядка в коде.
Не рекомендуется:
h3 {
font-weight:bold;
}
Рекомендуется:
h3 {
font-weight: bold;
}