Руководство по оформлению HTML/CSS кода от Google

Использованный материал: Руководство по оформлению 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 задана по умолчанию.

Ссылки-мнемоники

Не используйте ссылки-мнемоники.

Нет смысла использовать ссылки-мнемоники, такие как &mdash;, &rdquo;, или &#x263a;, когда все команды в файлах, редакторах используют одну кодировку (UTF-8).

Единственное исключение из этого правила — служебные символы HTML (например < и &) а так же вспомогательные и невидимые символы (например неразрывный пробел).

Кавычки в ссылках

Не используйте кавычки в ссылках

Не используйте кавычки ("", '') с url().

Рекомендуется:


@import url(//www.google.com/css/go.css);

После названий свойств используйте пробелы после двоеточий в объявлениях.

Всегда используйте один пробел после двоеточия (но не до) в объявлениях, для порядка в коде.

Не рекомендуется:


  h3 {
    font-weight:bold;
  }

Рекомендуется:


  h3 {
    font-weight: bold;
  }
Реклама