|
Любая работа должна быть создана аккуратно и красиво. Особенно если ее
могут увидеть много людей. А это напрямую касается разработки сайтов, и
в частности некоторых технологий, используемых при этом — html и css.
Просматривая страницы в Интернете мы, как правило, не смотрим в код html.
Да и зачем это нужно обычному пользователю? Но часто бывает важно
взглянуть на код, чтобы составить некоторое впечатление о создателях
этого веб-сайта. Код html, это как зеркало умений, возможностей и
желаний разработчика сайта
Заглянув туда можно с легкостью узнать о том, как сделана страничка -
«программой-клепалкой» или человеком, его умом и знаниями. Чтобы вам
легче было понять мою мысль, я проведу отличную параллель. Возьмите
музыку. Есть композиции, написанные одним человеком за компьютером, с
помощью несложной программки. На всех инструментах он «играет» сам. Ему
не нужен ударник с чувством ритма, ему не нужен гитарист с виртуозной
техникой, басист тоже ни к чему, и клавишник лишний... Он нажимает
кнопку и программа сама все играет. И получается наводнившая радио и
клубы бессмысленная «туцкатня». Искусство и творчества нет.
Так и в
написании кода. Программа ведь глупая — засоряет все комментариями,
ненужными тегами и конструкциями. А пользователю до этого нет дела - в
его ie все смотрится хорошо. А про oper'у и nn он даже не знает, которые
предъявляют свои требования к оформлению кода страницы.
Создание эффективного и аккуратного кода html — это своеобразное, но
искусство, где надо думать. Особенно это почувствуется, когда будете
создавать сайт не для себя, а для кого-то. Причем встречаются сайты с
очень сложной структурой, где труд верстальщика занимает половину
времени работы над всем сайтом. Вложенные по нескольку раз таблицы,
нестандартное позиционирование и оформление теста... Без личного опыта
написания html именно ручками здесь никак не обойтись. Тем более одну и
ту же задачу можно решить разными путями, среди которых нужно выбрать
самый оптимальный.
Чтобы ваш код страницы выглядел достойно, аккуратно и
«неискусственно», вам было легко в нем ориентироваться, то внимательно
изучите нижеперечисленные пункты и придерживайтесь их при написании html:
Старайтесь не писать тэги прописными буквами (table, body, img) — это
первый признак неручной работы и в таком коде тяжело ориентироваться,
так как большинство кода в Интернете все-таки написано строчными буквами
(table, body, img).
Атрибуты всегда записывайте в кавычки (напр., align="right"), что
придаст вашему коду аккуратность и совместимость с языком xml.
Присваивая какое-либо значение (ширины, высоты) в пикселях, не забывайте
это указать, т.е. width="5px".
Есть тэги (напр., <li>, <p>), для которых необязательно ставить тэг
закрывающий. Но я рекомендую все-таки ставить их в любом случае.
Во-первых, так легче ориентироваться в коде, а во-вторых, для полной
совместимости со всеми браузерами и их версиями (смотрели свой сайт под
netscape 1.0?).
Недопустимы ненужные комментарии, которые часто оставляют
«программы-клепалки». А вот свои собственные всегда пишите, они вам
облегчат нахождение нужного фрагмента кода страницы.
Старайтесь не оставлять стили в страничке. Выводите их в отдельный файл
— так проще что-либо поменять и код страницы уменьшится (иногда очень
заметно).
У каждого символа есть своя так называемая подстановка. Например, для
тире это —, а для кавычек « (левая) и »(правая). В
любом справочнике по html вы найдете список таких символов и их
подстановок. Всегда используйте их, иначе могут возникнуть проблемы с их
корректным отображением.
Напоследок скажу, что «программами-клепалками» лучше не пользоваться,
потому что они замусоривают код и в конце концов это отупляет.
Используйте многофункциональные блокноты, где вы пишите все сами, но
этот процесс ускоряется за счет дополнительных возможностей.
Часто при разработке сайта много времени уделяется на визуальный
дизайн — ведь его видят посетители. А то, что скрыто (код html), то
можно сделать и по-быстрому. Из-за такого отношения в нашем Рунете
множество сайтов с замечательным внешним дизайном имеют отвратительный
код, сделанный на скорую руку в «клепалке». Не стоит так безответственно
подходить к html, ведь он основа сайта.
|