Вставка специальных символов

Любые специальные символы такие, как «©», «&» и др. следует представлять в виде определенных стандартом ссылок на сущность (EntityReference), например: «©». Список сущностей, регламентированных стандартами HTML 4.01 и XHTML 1.0, можно посмотреть по следующей ссылке: http://www.w3.org/TR/REC-html40/sgml/entities.html

Цвет

Определение цвета в CSS и HTML-атрибутах необходимо задавать в виде шестизначной последовательности шестнадцатиричных цифр, начинающейся со знака «#». Например «#fefefe». Здесь первая пара цифр означает количество красного цвета, вторая – зеленого, и третья – синего. Например, последовательность «#00ff00» означает чистый зеленый цвет, потому, что количество красного и синего равно нулю, а зеленый задан по максимуму, т.е. «ff».

Вместо текстовых эквивалентов цветов, предпочтительнее использовать вышеупомянутый формат, т.е. «#ffffff» вместо «white» и т.д.

Существует также сокращенная форма записи цветов, когда каждая составляющая цвета представлена комбинацией одинаковых шестнадцатиричных цифр. Например белый цвет может быть представлен как «#fff», а зеленый «#0f0». Предпочтение всегда нужно отдавать сокращенной форме записи.

Для упрощения работы с цветом при составлении и редактировании документов, рекомендуется использовать утилиту DotColor, описанную в разделе 3.4.

Комментарии

Для упрощения работы стороннего лица с HTML-документом иногда возникает необходимость разделения его смысловых блоков используя узлы комментариев. При помощи комментариев имеет смысл разделять такие блоки, как например заголовок, навигация, нижний колонтитул и пр. Как правило, эти фрагменты кода отмечают парой комментариев – начало блока и конец. Весьма разумным является отметка при помощи комментариев повторяющихся фрагментов кода, которые, возможно, в будущем будут генерироваться автоматически. Однако, не стоит злоупотреблять использованием комментариев, так как это приведет к усложнению читаемости кода и его редактирования. Рассмотрим пример использования узла комментария для разделения смысловых блоков документа:

Образец комментированного блока

<!-- navigation start -->

<ul id=”navigation”>

…

</ul>

<!-- navigation end -->

Как видно из примера, комментарии должны содержать информацию о том, что это за блок (navigation), где он начинается (start) и где заканчивается (end).

При работе с иностранными клиентами, комментарии ни в коем случае не должны содержать русскоязычные названия и аббревиатуры, желательно вообще избегать русскоязычных комментариев. Текст комментариев должен быть только на английском языке!

Правила для CSS

Правила для оформления CSS-кода предельно просты и не отличаются особой изысканностью. Вот пример типичного фрагмента CSS:

Образец записи CSS

#navigation a:hover {

border-top: 1px solid #fff;

background: #f60 url(bg-arrow.gif);

}

Запись селектора следует начинать с новой строки, завершать ее открывающей фигурной скобкой. Каждое CSS свойство должно начинаться с новой строки с отступом и обязательно заканчиваться точкой с запятой, даже если это свойство последнее в блоке. В качестве отступа следует использовать символ табуляции. Блок обязательно завершается закрывающей фигурной скобкой с новой строки. Между CSS блоками желательно делать отступ в одну строку, но не более. Там где это необходимо, можно добавлять комментарии для выделения отдельных смысловых фрагментов CSS кода. Блок комментариев в CSS начинается с символов «/*» и заканчивается «*/».

Комментарии в CSS

/* navigation styles */

#navigation a:hover {

border-top: 1px solid #fff; /* top border definition */

background: #f60 url(bg-arrow.gif); /* background styles */

}

Помимо этих простых правил существуют еще несколько рекомендаций относительно того, как следует называть классы, идентификаторы и файлы изображений фона. Согласно стандарту, имена классов и идентификаторов чувствительны к регистру, соответственно такие классы как MyClass и myclass являются двумя разными классами. Тем не менее, различные браузеры подобные различия могут понимают по-своему, поэтому, во избежание путаницы, имена классов и идентификаторов следует писать в нижнем регистре, а их составные части разделять знаком минус «-». Например:

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

#NavigationBar{…}

.NavigationList{…}

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

#navigation-bar{…}

.navigation-list{…}

Что касается имен файлов для изображений, и любых других файлов, то их следует называть в нижнем регистре. Это связано с тем, что большинство хостинг провайдеров предоставляют серверы на основе Unix/Linux-системы, которые чувствительны к регистру имени файла. Если, например, вы назовете имя файла «MyPicture.jpg», а в CSS сошлетесь на него в нижнем регистре:

Комментарии в CSS

/* navigation styles */

#navigation a:hover {

border-top: 1px solid #fff; /* top border definition */

background: #f60 url(bg-arrow.gif); /* background styles */

}

На Windows-платформе вы не ощутите разницы, все будет прекрасно работать, картинка будет отображаться. Но когда вы поместите ваш код на сервер, то наиболее вероятно то, что система просто не найдет нужный файл, а именно «mypicture.jpg».

Все названия имен файлов и классов CSS должны быть смысловыми и тщательно подобраны таким образом, чтобы они отражали суть данного объекта. При работе с иностранными клиентами, комментарии, идентификаторы, имена классов и файлов ни в коем случае не должны содержать русскоязычные названия и аббревиатуры!