Несколько полезных советов о том, как правильно оформлять верстку. Кстати, далеко не все разработчики относятся к ним уважительно (также и опытные).
1. HTML-код должен соответствовать спецификации HTML 5.
- Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, <img> или <br>) должны иметь на конце / (например, <br />).
- Булевы атрибуты записываются в развёрнутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">
- Все значения атрибутов обязательно должны быть заключены в двойные кавычки.
- Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" />).
- HTML гораздо строже относится к ошибкам в коде; Символы "<", ">" и "&" должны быть записаны как <, > и & соответственно.
- Тире всегда записывается как —
2. Кавычки-«ёлочки» вместо "английских двойных".
В HTML-документах, создаваемых для русскоязычной аудитории, желательно использовать кавычки-«ёлочки» (символы « и »). В документах, создаваемых для внутреннего использования (внутренняя документация, технические задания, должностные инструкции и т.п.) допускается использование "английских двойных" кавычек.
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-валидатором