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

Заглянув туда можно с легкостью выяснить о том, как изготовлена страница — «программой-клепалкой» либо человеком, его разумом и познаниями. Чтоб вам легче было осознать мою мысль, я проведу хорошую параллель. Возьмите музыку. Есть композиции, написанные одним человеком за компом, при помощи легкой программки. На всех инструментах он «играет» сам. Ему не нужен ударник с чувством ритма, ему не нужен гитарист с виртуозной техникой, басист тоже ни к чему, и клавишник излишний... Он надавливает клавишу и программа сама все играет. И выходит наводнившая радио и клубы бессмысленная «туцкатня». Искусство и творчества нет. Так и в написании кода. Программа ведь глуповатая — засоряет все комментами, ненадобными тегами и конструкциями. А юзеру ранее нет дела - в его IE все смотрится отлично. А про Oper'у и NN он даже не знает, которые предъявляют особенные требования к оформлению кода странички.

Создание действенного и осторожного кода HTML — это типичное, но искусство, где нужно мыслить. В особенности это почувствуется, когда будете создавать веб-сайт не себе, а для кого-либо. При этом встречаются веб-сайты с чрезвычайно сложной структурой, где труд верстальщика занимает половину времени работы над всем веб-сайтом. Вложенные по нескольку раз таблицы, необычное размещение и оформление теста... Без личного опыта написания HTML конкретно ручками тут никак не обойтись. Тем паче одну и ту же задачку можно решить различными способами, посреди которых необходимо выбрать самый лучший.

Чтоб ваш код странички смотрелся достойно, аккуратненько и «неискусственно», вам было просто в нем ориентироваться, то пристально изучите нижеперечисленные пункты и придерживайтесь их при написании HTML:

* Пытайтесь не писать тэги строчными знаками (TABLE, BODY, IMG) — это 1-ый признак неручной работы и в таком коде тяжело ориентироваться, потому что большая часть кода в Вебе все-же написано строчными знаками (table, body, img).
* Атрибуты постоянно записывайте в кавычки (напр., align="right"), что даст вашему коду аккуратность и сопоставимость с языком XML.
* Присваивая какое-либо значение (ширины, высоты) в пикселях, не запамятовывайте это указать, т.е. width="5px".
* Есть тэги (напр.,
,

), для которых необязательно ставить тэг закрывающий. Но я рекомендую все-же ставить их в любом случае. Во-1-х, так легче ориентироваться в коде, а во-2-х, для полной сопоставимости со всеми браузерами и их версиями (смотрели собственный веб-сайт под Netscape 1.0?).
* Недопустимы ненадобные комменты, которые нередко оставляют «программы-клепалки». А вот свои собственные постоянно пишите, они вам облегчат нахождение подходящего фрагмента кода странички.
* Пытайтесь не оставлять стили в странице. Выводите их в отдельный файл — так проще что-либо поменять и код странички уменьшится (время от времени чрезвычайно приметно).
* У каждого знака есть своя так именуемая подстановка. К примеру, для тире это —, а для кавычек « (левая) и » (правая). В любом справочнике по HTML вы отыщите перечень таковых знаков и их подстановок. Постоянно используйте их, по другому могут появиться трудности с их корректным отображением.

Напоследок скажу, что «программами-клепалками» лучше не воспользоваться, так как они замусоривают код и в конце концов это отупляет. Используйте функциональные блокноты, где вы пишите все сами, но этот процесс ускоряется за счет доп способностей.

Нередко при разработке веб-сайта много времени уделяется на зрительный дизайн — ведь его лицезреют гости. А то, что укрыто (код HTML), то можно сделать и по-быстрому. Из-за такового дела в нашем Руинтернете множество веб-сайтов с восхитительным наружным дизайном имеют мерзкий код, изготовленный на скорую руку в «клепалке». Не повторяйте ошибок таковых сайтостроителей, верстайте аккуратненько и прекрасно, выделяйте структуру кода, и постоянно помните, что язык HTML — база веб-сайта.

Источник: DuxLab.com