Ввязавшись в дело сайтостроения, рано или поздно придется столкнуться с совместной работой. Интроверты зря надеются на отсутствие общения. Так или иначе общаться придется. Из причины вытекает следствие: рекомендации по оформлению кода.
Итак, первое, к чему нужно привыкнуть — правильно писать код. Приемы сокращения кода не должны влиять на его читабельность.
Что значит «правильно»?
Нужно не только писать, но и оформлять код. Рекомендации взяты у Google.
Не использовать табличную верстку. Таблицы применяются там, где что-то нужно показать в табличной форме. В остальных случаях применяем верстку HTML5.
Используйте в коде два отступа для того, чтобы показать зависимые элементы. Это правило применяется и в коде php. Если на каждый дочерний элемент применить два отступа, код получается красивым и наглядным.
Код PHP:
<?php
if(something) {
do something;
}
Пример кода HTML
Код HTML:
<div id="something">
< menu >
< li >
< a href = "mysitemap.html " > Карта сайта < /a >
< /li >
< li >
< a href = " " > Menu < /a >
< /li >
< li >
< a href = " " > Menu < /a >
< /li >
</menu>
<aside>
<nav>
<li>
<a href="mysitemap.html">Карта сайта</a>
</li>
<li>
<a href="">Menu</a>
</li>
</nav>
</aside>
</div>
Используйте элементы кода HTML так, как они задуманы. Если это a — как ссылку, если p — как абзац, table — как таблицу, h1,h2 и другие h как заголовки.
Не рекомендуется использовать необязательные теги:
body
head
html
li
p
option
tbody
td
th
tr
Подключая стили или скрипты javascript, не указывайте type
Используйте относительные ссылки при включении в файл изображений или других медиа-ресурсов
Пишите код в нижнем регистре
Используйте кодировку utf-8 (без BOM)
Комментируйте свой код
Используйте HTML5
Рекомендации не такие сложные и если постараться с самого начала писать по правилам, потом будет проще. Кроме общих рекомендаций, рекомендаций по верстке, есть и рекомендации по оформлению файла стилей css.