Ну хорошо, с тем, что не нужно делать, мы уже ознакомились. А что же всё-таки можно делать? На какие моменты следует обратить внимание при изготовлении совместимых web-страничек? Какие уловки при этом используются?
Если с самого начала соблюдать некоторые правила при написании страничек, то количество возможных ошибок можно сразу снизить на порядок. Поэтому я, пожалуй, начну со списка этих правил, которые следует научиться соблюдать автоматически, если хочется, чтобы странички любо-дорого смотрелись в любом из броузеров:
Обязательно закрывайте все теги (кроме одиночных).
Внимательно смотрите за вложенностью тегов - они не должны пересекаться. Не допускайте такой ситуации, когда внешний тег закрывается раньше, чем внутренний:
правильно неправильно
В теге нужно обязательно прописывать все цвета: фон странички, текст, цвет ссылок, цвет посещённых ссылок, цвет активных ссылок или не прописывать никаких. В противном случае может возникнуть такая ситуация, что какой-нибудь из неописанных цветов и, следовательно, взятый из настроек пользователя, совпадёт с цветом фона и станет нечитаемым.
Значения атрибутов, содержащих пробелы и другие специальные символы, должны обязательно заключаться в кавычки. При желании Вы можете заключать в кавычки все параметры, но это не является обязательным.
Для всех изображений, помещаемых в HTML-код, обязательно указывайте ширину, высоту и толщину рамки, которую нужно установить в ноль, если у изображения не должно быть рамки. Отсутствие значений ширины и высоты хотя бы у одной картинки при табличной вёрстке приведет к тому, что загрузка страницы визуально сильно увеличится, т.к. в этом случае страничка начнёт прорисовываться только после полной загрузки всех нужных изображений.
Для всех изображений, несущих некоторую смысловую нагрузку, нужно прописывать параметр alt тега . Причём текстовое описание должно выражать смысл изображения, это позволит просматривать Ваши странички при отключённой графике и всё-же понять смысл иллюстраций.
Рассматривайте web-страничку как состоящую из нескольких смысловых блоков (верхняя шапка, меню, основной текст, рекламный блок и т.д.) и наиболее важные из них отмечайте комментариями начала и конца. Это позволит Вам легко ориентироваться в сложных страничках и при правильном построении структуры сайта легко изменить дизайн страниц в будущем.
Регистр букв в именах файлов и ссылках на них должен совпадать. Это особенно важно при размещении сайта на web-сервере под UNIX, иначе Вы вдруг обнаружите, что прекрасно работающий локальный вариант сайта на Вашей машине вдруг оказывается неработоспособным при помещении его на web-сервер. Проще всего названия файлов и ссылки писать всегда в нижнем регистре.
Для ссылок на внутренние страницы используйте по-возможности относительные адреса. В будущем, при переносе или реорганизации сайта, Вам понадобится гораздо меньше усилий.
При использовании формы на страничке внимательно смотрите за тем, чтобы все элементы, составляющие форму ( , ,
