наверх





Простые, но необходимые советы для правильного написания HTML кода. Следуя их, вы сможете не запутаться в своем коде, а так же сможете быстро в нем ориентироваться.


При написании HTML кода следует соблюдать несколько простых, но полезных правил, после которых ваш код будет выглядеть приятно, а сайт правильно. Все эти правила можно и не соблюдать, но это ваше дело, я же лишь хочу вам о них рассказать. А это будут и не правила, а лишь советы.

Пишите код красиво



Как считаете, какой код читать будет легче?

Этот:

<DIV CLASS="CLASSNAME">...</DIV><BR><SPAN CLASS="SPANCLASSNAME">...</SPAN> ...


Или этот:

<div class="className">...</div> <br> 
<span class="spanClassName">...</span> 
...


Думаю, что второй вариант будет выглядеть получше... То есть, не пишите большими буквами, используйте пробелы и переносы строк, иначе этот код будет тяжело редактировать.

Правильно вкладывайте в друг друга теги



Многие допускают еще одну небольшую ошибку, после которой сайт может отображаться не правильно. Пример этого кода:

<div class="class">
<p> ... <span class="class"> ... </div> </span> </p>


Выше написан грубый пример этой ошибки, ведь такого вряд ли кто-то напишет. Но теперь я думаю вы поняли, о чем идет речь. То есть, правильный код должен быть следующим:

<div class="class">
<p> ... <span class="class"> ... </span> </p>
</div>


Используйте табуляцию



Тоже неплохо придерживаться этого правила. Если кто этого не знает, то на клавиатуре должна быть кнопка Tab, это и есть кнопка табуляция. Она, грубо говоря, делает большие и ровные отступы. Это пригодится для вложенных тегов. То есть, вложенные теги в другой тег, должны быть немного отведены от края. Пример:

<div class="class">
    <div class="class">
        <span>...</span>
    </div>
</div>


Такой код выглядит приятно и его легко читать и редактировать.

Пишите валидно



Валидно - значит правильно, писать по web стандартам. То есть, если в doctype написано, что это xhtml, то и писать нужно языком xhtml и никаким другим. Для проверки валидности используйте валидатор сайта web стандартов, которые это и придумали. Для этого, вводим адрес сайта и смотрим, какие у нас ошибки и что нужно исправить. Но не бойтесь, если увидите много ошибок. На работу сайта это мало чем повлияет, да и потом, например у google.com найдено 42 ошибки и он все равно отлично работает и справляется с огромным количеством трафика.

Используйте комментарии



Не особо важный совет, но если на странице очень много кода, то рекомендуется местами прописывать свои комментарии, что бы после ориентироваться в коде и знать, что этот кусок кода значит. Как пишутся HTML комментарии можно узнать здесь.

Кстати, если вы еще не познакомились с советами по написанию CSS кода, то можете сделать это по данной ссылки.



Поделиться
Text-shadow генератор
Занимаетесь веб-разработкой? Полноценный кроссбраузерный text-shadow генератор с поддержкой нескольких теней.


Комментарии — 0


У вас нет прав для добавления комментария. Зарегистрируйтесь или авторизуйтесь.