Вот несколько стандартов, которые нужно добавить в ваш список.
1. Отступы
Похоже, вы уже правильно поняли это. Основная цель отступа должна состоять в том, чтобы прояснить, где открывать и закрывать тег. Рассмотрим этот пример.
<div><p>Hello <a href="http://somewebsite.com/">World</a></p><div><p>Hello World</p></div>
Это выглядит нормально, пока вы не сделаете отступ правильно и не обнаружите ошибку:
<div>
<p>Hello <a href="http://somewebsite.com/">World</a></p>
<div>
<p>Hello World</p>
</div>
Оригинальный div не был закрыт. По электронной почте Ой! Вот почему отступы могут быть отличным способом экономии времени.
2. Теги и атрибуты
В настоящее время общепринято, что все теги и атрибуты должны быть в нижнем регистре. Мы давно отказались от тегов ALL CAPS в HTML, а также от camelCasing для таких вещей, как onMouseOver и onClick, которые теперь являются строчными. Все значения атрибутов должны быть заключены в двойные кавычки. Например:
<div id="content">Hello</div>
Не
<div id=content>Hello</div>
<DIV ID="content">Hello</DIV>
3. Только семантическая наценка
Не используйте теги для определения стиля или для управления стилем. Например ...
<font>
<b>
Или такие атрибуты, как ...
<table border="2">
Кроме того, не используйте такие вещи, как теги h1, просто чтобы получить больший шрифт.
Подумайте, что означает этот тег: «h1» - это заголовок верхнего уровня, «p» - абзац, «table» обозначает данные, представленные в табличном формате. Никогда не используйте тег для целей, отличных от предназначенных, и попытайтесь узнать, какие теги доступны. Например, используя списки вместо выкладывания списков вручную.
Не используйте таблицы для разметки. (я подчеркнул этот важный момент, используя семантический тег "em").
Не используйте слишком много тегов div для решения проблемы! (Div-И!)