К верстке html-страниц предъявляются определенные требования. Вот ключевые критерии грамотной, качественной верстки:

  1. Кроссбраузерность. Сверстанные страницы должны одинаково хорошо отображаться во всех основных браузерах, используемых сегодня: Opera, Google Chrome, Firefox,  Safari, Internet Explorer последних версий.
  2. Тест на разрешение. Верстка должна тестироваться на мониторе с разным разрешением, начиная от 1024×768.
  3. Валидация HTML + CSS. Все страницы обязательно проходят валидацию на HTML и CSS. Обратите внимание: применение ряда CMS, вставка разноформатного содержимого, а также тонкая настройка кроссбраузерности затрудняет достижение валидности.
  4. Соответствие дизайну. Сверстанная страница должна полностью соответствовать дизайну: межстрочные расстояния, отбивки (margin и padding), отступы. Должны совпадать размеры шрифтов и параметры макета в графическом редакторе. В большинстве случаев считается допустимым отклонение отдельных элементов до 3-5 пикселей.
  5. CSS-стили отдельным файлом. Все CSS-стили выносятся в отдельный файл, допускается лишь наличие классов и идентификаторов в HTML .
  6. Логотип — ссылка. Логотип сайта должен вести на главную страницу. Ему приписывается атрибут alt=«на главную | имя компании» (используется title при необходимости).
  7. Наличие комментариев. В html-страницах должны иметься комментарии к таким элементам сайта, как меню, шапка, футер, логотип, заголовок страницы, контент.
  8. Интуитивно понятные наименования. Наименования классов и идентификаторов должны быть интуитивно понятными, то есть по смыслу соответствовать применению (menu, header,   news, footer). Возможно использование комментариев о том, для чего предназначается стиль.
  9. Одинаковые еденицы измерения. В таблицах стилей css для всех величин следует использовать одинаковые еденицы измерения px либо pt.
  10. Тег img — alt=«название картинки». Всякий тег img должен иметь приписанное alt=«название картинки».
  11. Требования к alt-ам. Все alt-ы на должны начинаться с заглавной или с прописной буквы, следует писать их на одном языке.
  12. Стандартное оформление кнопок. Кнопки должны иметь типовое оформление, они могут быть сделаны как графические элементы или настроены через таблицы стилей. Надписи на кнопках следует писать либо с заглавной, либо с прописной буквы, обязательно на одном языке.
  13. Вид Тitle. Атрибут Тitle страницы должен выглядеть следующим образом: Наименование подраздела | Наименование раздела | Имя компании.
  14. Минимизация кодов HTML- и CSS. Эти коды должны быть минимизированы: чем короче и проще код, тем он профессиональнее. Этого можно добиться, если исключать ненужные идентификаторы и классы и использовать наследование. В CSS можно применять сокращенные формы записи. Например, все эти свойства:
    background-color:#FFGG33;
     background-image: url(«picture.gif»);
     background-repeat: repeat;
     background-attachment: no-fixed;
     background-position: left bottom;
    стоит оформить всего одной строкой: background: #FFGG33 url(«picture.gif») repeat no-fixed left bottom;.
  15. Логичное форматирование кодов. HTML- и CSS должно оформляться логично. Очень желательно наличие иерархических отступов и комментариев.
  16. Теги на своем месте. Тегом h1 делаются заголовки первого уровня, тегом h2 — заголовки второго уровня. Для списков существуют отдельные теги.
  17. Кавычки для значений атрибутов. Все теги должны иметь значения атрибутов, заключенные в кавычки: <p>.
  18. Знаки copyright и registered. Эти знаки прописываются не буквами «с» и «r», взятыми в скобки, а  кодами &copy; и &reg;.
  19. Использование неразрывного пробела. Там, где невозможно перенести фразу на новую строку, следует ставить неразрывный пробел (&nbsp;). В этом случае и т.&nbsp;д устраняется разрыв сокращения «и т. д.».