Несколько полезных советов о том, как правильно оформлять верстку. Кстати, далеко не все разработчики относятся к ним уважительно (также и опытные).

1. HTML-код должен соответствовать спецификации HTML 5.

  • Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, <img> или <br>) должны иметь на конце / (например, <br />).
  • Булевы атрибуты записываются в развёрнутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">
  • Все значения атрибутов обязательно должны быть заключены в двойные кавычки.
  • Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" />).
  • HTML гораздо строже относится к ошибкам в коде; Символы "<", ">" и "&" должны быть записаны как &lt;, &gt; и &amp; соответственно.
  • Тире всегда записывается как &mdash;

2. Кавычки-«ёлочки» вместо "английских двойных".

В HTML-документах, создаваемых для русскоязычной аудитории, желательно использовать кавычки-«ёлочки» (символы &laquo; и &raquo;). В документах, создаваемых для внутреннего использования (внутренняя документация, технические задания, должностные инструкции и т.п.) допускается использование "английских двойных" кавычек.

3. Не использовать спецсимволы, записанные в национальной кодировке

Не использовать знаки номера, копирайта, спец-кавычек и т.п., записанные в виде символов в национальной кодировке, скажем cp1251. Далеко не во всех редакторах и операционных системах Ваши символы будут корректно отображаться.

4. Для каждого чекбокса и радиокнопки должен быть label

Для каждого элемента <input type="checkbox" ...> и <input type="radio" ...> должен быть предусмотрен элемент <label>, для того, чтобы чекбокс / радиобаттон срабатывал также по клику по метке:

<label><input type="checkbox" name="test" value="1" />Чекбокс 1</label>
<label><input type="radio" name="test" value="1" />Кнопка 1</label>

5. «Лесенка» для HTML-кода

<form action="..." method="post">
  <div>
    <h3>Заголовок</h3>
    ...
  </div>
</form>

6. HTML-код должен проходить проверку w3c-валидатором