Наши проекты: Скачать программы Экспорт новостей (RSS)
Главная | Domino | Статьи | Computer FAQ | Download | T0P-100 Software | Форум
Internet Zone - компьютерный электронный журнал         Подписка на рассылку
Реклама у нас, Контакты

 Статьи/обзоры   Новые обзоры | Software | Hardware | Система | Безопасность | Интернет | Бизнес и Заработок | Игры | Фото | Mobile | Разное | Пресс-релизы компаний | Авторам статей

Старые рубрики этого раздела - FAQ Windows 9x/Me | FAQ Windows NT/2K | FAQ Windows XP FAQ | Software FAQ | Hardware FAQ | Linux FAQ | Скачай сейчас | Веб-навигатор

ITrader
Современная, простая программа с неограниченными возможностями преобразования времени, знаний и опыта в деньги! Бесплатный доступ ко всем финансовым рынкам, к мировым торгам и профессиональному росту. Скачай и открой бесплатный Демо-счет! Дистанционное обучение. Депозит от 1000 рублей. ФГ Калита-Финанс.
Подробнее...

Разное


Аккуратный HTML

Дата публикации: 24 Апреля 2005
Автор: Сергей Т.
http://duxlab.com/

Любая работа должна быть создана аккуратно и красиво. Особенно если ее могут увидеть много людей. А это напрямую касается разработки сайтов, и в частности некоторых технологий, используемых при этом — 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?).
  • Недопустимы ненужные комментарии, которые часто оставляют «программы-клепалки». А вот свои собственные всегда пишите, они вам облегчат нахождение нужного фрагмента кода страницы.
  • Старайтесь не оставлять стили в страничке. Выводите их в отдельный файл — так проще что-либо поменять и код страницы уменьшится (иногда очень заметно).
  • У каждого символа есть своя так называемая подстановка. Например, для тире это &mdash;, а для кавычек &laquo; (левая) и &raquo;(правая). В любом справочнике по HTML вы найдете список таких символов и их подстановок. Всегда используйте их, иначе могут возникнуть проблемы с их корректным отображением.

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

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

***

Смотрите также:
  • Создание программы на Visual basic для вывода случайного числа в заданном интервале чисел Часть 2
  • Формат DjVu
  • События и факты недели (29 октября - 2 ноября)
  • События и факты недели (26-30 ноября)
  • Не все гороскопы одинаковы
  • Все статьи рубрики Разное


    Читаем свежие статьи


    Главная | Domino | Статьи | Computer FAQ | Download | T0P-100 Software | Форум
    Рассылка - Реклама у нас - Экспорт новостей (RSS) - Карта сайта  | Наши проекты: Скачать программы
    Copyright © Internet Zone. Информация об использовании материалов сайта, Контакты
    Rambler's Top100