Форматирование кода - [[organization::formatting|стандартное]]

Стандарт при создании новых HTML - Bootstrap3. В случае невозможности применения bootstrap, можно использовать HTML5. При редактировании существующего файла, тип документа не меняем (если используем xhtml, то оставляем его)

Итоговый файл HTML должен удовлетворять следующему набору требований
  - кроссбраузерность (Chrome, Firefox, IE 9+, Safari)
  - адекватное представление на телефонах (если нет указаний, что мобильные устройства можно игнорировать). Либо полностью responsive дизайн, либо простая проверка на корректность отображения в мобильных устройствах.
  - валидность на http://validator.w3.org/
  - максимально быстрая загрузка (хороший мануал http://developer.yahoo.com/performance/rules.html)


Порядок работы

  - Определяется набор картинок используемых для реализации страницы. В существующем проекте надо сперва проверить, нет ли уже готовых картинок по данной тематике страницы и возможно ли их использование либо изменение. В случае если картинка используется только на изменяемых страницах, имеет смысл редактировать картинку. Если есть изменения в картинке, в то же время на других страницах сайта используется оригинальная картинка, то создаем новую. Проверка использования картинки может осуществляться поиском по сайту в Dreamweaver. Более неиспользуемые картинки удаляем из свн и с сервера.
  - использование картинок для показа текста. Целесообразно в случае когда используется сложный шрифт, который более не используется в документе, в таком случае быстрее загружать картинку, а не стили шрифта. В ином случае надо использовать текст - картинка не индексируется поисковыми движками.  
  - Определяется набор изменений в стилях. Подход примерно аналогичен работе с картинками - в случае работы с существующим файлом производиться проверка существования такого стиля в файлах, не затронутых изменениями -  в таком случае пишется модификатор, к примеру

.authentic-list {
    height: 1%;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px;
    padding: 0 105px 70px 150px;
}

используется на нескольких страницах, для него дописывается стиль

.part-2 .authentic-list {
    background:url('../../v2/images/testimonials/woman-1.png') no-repeat 270px;	 
    background-size: 70% auto;
}

Ненужные более блоки удаляются, если картинки определяемые в этих блоках не используются, они также удаляются. Использование css непосредственно в HTML коде не желательно, за исключением случаев когда стили формируются например скриптами динамически.