|
|
Аккуратный HTML
Любая работа должна быть создана аккуратно и красиво. Особенно если ее
могут увидеть много людей. А это напрямую касается разработки сайтов, и
в частности некоторых технологий, используемых при этом — 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,
ведь он основа сайта.
|
| Категория: HTML | Добавил: Djakob (16.10.2008)
|
| Просмотров: 354
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
Сейчас на сайте: 1 Гостей: 1 Пользователей: 0
|
& design by Sapon&manysoft-net.ru