Чтобы вёрстка обеспечивала удобочитаемость, единство стиля, удобство редактирования и экономичность, можно придерживаться следующих принципов:

• Учитывать иерархию макета. 2 Блоки в вёрстке должны совпадать с логической иерархией дизайн-макета. 2
• Разделять ответственность элементов. 2 Каждый элемент может выполнять несколько функций на разных уровнях. 2
• Минимизировать количество кода. 2 Нужно выбирать способ, при котором будет задействовано минимальное количество разметки и стилей. 2
• Структурировать код. 2 Любой рабочий код должен быть читаемым. 2 Его будут смотреть, понимать и поддерживать другие люди. 2
• Не использовать инлайновые стили. 2 В больших проектах инлайновые стили нарушают целостность компонентов, непредсказуемо меняют их поведение. 2
• Сверяться с макетом. 2 По мере готовности каждого элемента стоит сверять его с макетом. 2

Также для многостраничной вёрстки могут быть полезны следующие рекомендации по обеспечению удобочитаемости: 3

• Следование стандартам. 3 Они предоставляют рекомендации относительно формата издания, формата полосы набора, кегля шрифта, интерлиньяжа, размеров полей. 3
• Оформление заголовков. 3 Заголовки одинаковой значимости оформляются в одном стиле. 3 Чем старше уровень, тем больше кегль и отбивка. 3