Стандарт HTML определяет четкое разделение проблем между CSS (презентацией) и HTML (семантикой или структурой).Применение стандартов веб-кодирования
Кто-нибудь использует документ стандартов кодирования для CSS и XHTML с предложениями, которые помогают сохранить это разделение? Что было бы хорошими статьями для включения в такой документ стандартов кодирования?
У нас нет физического документа, все мы придерживаемся того, где я работаю. Есть ряд рекомендаций, которые мы стараемся и помнят, но на самом деле информации недостаточно, чтобы требовать получения физического документа. This article подводит итог этим рекомендациям довольно хорошо. Вы можете также рассмотреть форматирование CSS, чтобы упростить его чтение. Smashing Magazine имеет отличную статью на эту тему.
Статья, названная @Lee Theobald, является хорошим началом.
Некоторые основные идеи я стараюсь иметь в виду при разметке:
Что касается HTML:
Try написать для следующего человека - то есть, думать о том, насколько легко или трудно это может быть для кого-то еще, чтобы прийти и забрать свою работу и продолжить.
Чтобы поддержать этот принцип, вы должны попробовать и убедиться, что ваша разметка максимально разборчива. В частности, теги класса и идентификатора должны содержать как можно больше по их предполагаемому контенту. Другими словами, попробуйте использовать теги, чтобы описать контент, который у них будет.
Например, «Поднавигация», «содержание» и т.д.
Цель состоит в том, чтобы обеспечить разметку, что кто-то может пикап то, не смотрел на перед и получить ощущение логической структуры документа.
Также старайтесь избегать добавления разметки, которая предназначена исключительно для достижения визуального эффекта. Но имейте в виду, что любой веб-сайт, который требует даже слегка сложного стиля, вряд ли сможет избежать не семантической разметки из-за слабостей в текущих реализациях CSS и проблем совместимости браузеров.
Что касается CSS файлы:
Многих людей делят их CSS на разделы с помощью комментариев, разделяя их на функциональные или структурные области. Таким образом, у вас может быть раздел для вашего заголовка, нижнего колонтитула или типографии и так далее. Другие принимают это дальше и разделяют css на файлы, имеющие один для типографии, один для макета и т. Д. Однако это может быть в соответствии с Yslow! может негативно повлиять на загрузку страницы из-за увеличения количества запросов HTTP.
Я мог бы написать больше, но, как вы можете видеть, я изо всех сил стараюсь быть кратким. Надеюсь, это будет вам полезно.