Обеспечение соблюдения стандартов веб-кодирования [дубликат]

Question

На этот вопрос уже есть ответ здесь:

• Базовый стандарт кодирования для HTML и CSS [закрыт] 3 ответа

Стандарт HTML определяет четкое разделение задач между CSS (представление) и HTML (семантика или структура).

Кто-нибудь использует документ стандартов кодирования для CSS и XHTML, в котором есть предложения, которые помогают поддерживать это разделение?Какие положения было бы неплохо включить в такой документ о стандартах кодирования?

Answer 1

У нас нет физического документа, которого мы все придерживаемся там, где я работаю.Есть ряд рекомендаций, которые мы стараемся соблюдать, но на самом деле информации недостаточно, чтобы требовать медицинского документа. Эта статья эти рекомендации довольно хорошо подводят их итог.Вы также можете рассмотреть возможность форматирования вашего CSS чтобы было легче читать. Сокрушительный Журнал есть отличная статья на эту тему.

Answer 2

Статья, на которую ссылается @Lee Theobald, - хорошее начало.

Некоторые основные идеи, которые я стараюсь иметь в виду при разметке:

Что касается html:

Попробуйте написать для следующего человека, то есть подумайте о том, насколько легко или трудно было бы кому-то другому прийти, забрать вашу работу и продолжить.

Чтобы поддержать этот принцип, вы должны постараться сделать вашу разметку максимально разборчивой - в частности, теги class и id должны соотноситься как можно больше к их предполагаемому содержанию.Другими словами, попробуйте использовать свои теги для описания вида контента, который у них будет.

Например, "Поднавигация", "контент" и т.д.

Цель состоит в том, чтобы предоставить разметку, которую кто-то может использовать, не просматривая ранее, и получить представление о логической структуре документа.

Кроме того, старайтесь избегать добавления разметки исключительно для достижения визуального эффекта.Но имейте в виду, что любой веб-сайт, требующий даже немного сложного стиля, вряд ли сможет избежать несемантической разметки из-за недостатков текущих реализаций CSS и проблем с совместимостью с браузерами.

Что касается CSS-файлов:

Многие люди разделяют свой css на разделы с помощью комментариев, разделяя их на функциональные или структурные области.Таким образом, у вас может быть раздел для верхнего и нижнего колонтитулов, типографики и так далее.Другие идут дальше и разделяют css по файлам, используя один для типографии, другой для верстки и т.д.Однако, согласно Yslow, это может быть!может оказать негативное влияние на загрузку страницы из-за увеличения количества http-запросов.

Я мог бы написать больше, но, как вы можете видеть, я изо всех сил стараюсь быть кратким.Я надеюсь, что это принесет вам какую-то пользу.