Похожие статьи

Как правильно создать сайт (39,02%)
В первую очередь хочется отметить, что при заказе на разработку и создание сайта в большинстве случаев заказчик сам толком не знает, чего хочет. Начиная работу по созданию сайта необходимо руководствоваться следующими критериями и этапами: - Каркас сайта (т.е. заказчик и исполнитель должны полностью понять друг друга, при этом исполнитель,…

Киносайты Рунета (38,71%)
«Из всех искусств для нас важнейшим является кино», — говаривал сам Владимир Ильич Ленин, уточняя при этом: «в эпоху всеобщей безграмотности»… Этот комментарий предлагаю оставить без внимания, полностью сконцентрировавшись на первой части цитаты. Как вы уже поняли, этот обзор будет посвящен сайтам о кино…

Логическое форматирование в HTML (34,04%)
Принцип логического форматирования HTML-документов подразумевает использование тегов для разметки в соответствии со смысловым значением элементов страницы, а не с желаемым внешним видом. Об этой технике верстки и рассказывается в статье…

Автор: Артем Глазков
http://digs.alfaspace.net

Дата публикации 27-08-2005 18:57
Статья просмотрена 3867 раз

Может я не прав, и то, о чем я буду говорить, не имеет большого значения, но меня все же удивляет, почему мало кто придерживается стандарта HTML. Прошелся по нескольким очень известным порталам с целью проверки корректности HTML кода: ни один сайт не является валидным. Да, я знаю о том, что все ведущие производители браузеров стремятся добавить что-то свое, отступая от стандарта, чтобы сделанные под их браузеры документы корректно смотрелись только в их продукте. Но самое интересное, что по большей части сайты невалидные не потому, что они используют какие-то особенности браузеров, а просто не соблюдают стандартов. Более того, все делается так, чтобы корректно отображалось везде. Спрашивается: разве сложно в таком случае добиться правильности?

Оказывается, все достаточно просто. Как выяснилось при тестировании сайтов сервисом validator.w3.org большая часть ошибок — это отсутствующие в стандарте атрибуты тегов, а также нехватка атрибутов тегов. Случаи с недостающими тегами тоже встречаются, но гораздо реже. Чаще всего они возникают из-за лени дизайнера, а не потому, что кто-то не знал, что их нужно закрывать (логика лентяя: зачем ставить </p>, если следующий тег <p> закроет предыдущий автоматически). Та же лень заставляет оставлять значения атрибутов без кавычек, хотя по стандарту они должны быть практически везде.

Рассмотрим пример. Нам нужна прямоугольная область высотой 30 точек. По привычке пишем:

<div height="30"> текст </div>

На самом деле это неправильно. У тега div нет атрибута height, хотя, как оказалось, все браузеры его поддерживают. Как же быть, если нужна именно такая высота? Нет ничего проще. Нужно указать высоту в CSS стиле:

<div style="height: 30px;"> текст </div>

Отсутствие атрибута чаще всего возникает на тегах <img> и <script>. Согласно стандарту, атрибут alt для тега <img> является обязательным и, даже если к изображению не нужна никакая надпись, его все равно необходимо указать как пустую строку. Мне попадался форум, сделанный на форумном движке. Человек просто установил его и изменил пару картинок. Движок был написан грамотно в плане соответствия стандартам, и две картинки просто «уронили» всю правильность.

Еще одна категория невалидности, когда дизайнер не обращает внимания на понятия блочных и строковых тегов, а точнее на то, что блочные теги нельзя вкладывать в строковые. Вот пример неверной расстановки тегов:

<font size="2">
  <p>параграф 1</p>
  <p>параграф 2</p>
</font>

Здесь мы пытаемся блочный тег <p>, вложить в тег <font>, который можно применить только к строке. Выход прост. Нужно опять же определить контейнер, внутри которого установлен заданный шрифт:

<div style="font-size: 10pt;">
  <p>параграф 1</p>
  <p>параграф 2</p>
</div>

Если все же Вы решили сделать свой сайт «правильным», следует учесть, что в сайт могут включаться сторонние куски кода, которые не удовлетворяют стандартам. Чаще всего это всевозможные счетчики. Каждый счетчик желательно проверить, и если он не соответствует стандартам, то попытаться самому откорректировать его. Это не всегда является возможным. По этой причине я, например, отказался от счетчика SpyLog. А вот у top.mail.ru счетчик правильный. В случае с денежкой Яндекса, я просто убрал ссылку, оставив только картинку.

И еще. Обзаведитесь для проверки Оперой. В ней по правой кнопке можно запустить валидатор, не занимаясь нудным копированием и вставкой.

Похожие статьи

Пиринговые сети (33,33%)
В статье подробно рассказывается об общих принципах устройства и работы пиринговых файлообменных сетей. Дается описание как различных типов P2P-сетей (с центральным сервером, без такового), так и разнообразных программ-клиентов (Napster, Kazaa, eDonkey2000, iMesh, Gnutella)…

Всегда в курсе последних новостей (33,33%)
Сегодняшнюю статью я решил посвятить обзору нескольких новостных сайтов сети. Почему? Исходя из целей экономии. «Это как?», — наверное, спросите вы. Очень просто. Вы же платите за интернет и, скорее всего, немалые деньги, значит пора начать экономить на газетах :)…

Файловые системы (32,26%)
Рассматривается теория организации файловых систем, история ФС для Windows и современное состояние в этой области, а также некоторые практические аспекты работы с файловыми системами. Все эти сведения будут не лишними, ведь понимание принципов работы файловых систем необходимо для понимания проблем хранения информации, а что может быть важнее информации?…

Миф о специалисте (31,25%)
Один из специалистов по продажам в интернет жалуется другому: знаешь, вот я провожу семинары и тренинги, чтобы научить людей зарабатывать в Сети. Я говорю им: у вас есть продукт, давайте посмотрим, как сделать его прибыльным продуктом, как изучить электронный рынок, как правильно предложить товар…а они после курса обучения начинают писать и…

Музыкальные сайты Рунета (30,77%)
Обзор музыкальных сайтов Рунета — новости и публикации, дискографии, тексты песен, аккорды; сайты с мелодиями для мобильных телефонов, караоке; компьютерное аудио — все эти темы представлены многочисленными ресурсами Сети, рассмотрению которых и посвящена эта статья…

← Раздел «Вебмастеру: Дизайн и верстка» | Комментарии (7) →

Ваше имя: 

Цифры с картинки:
Включите графику в браузере

Ваши комментарии:

Все поля формы обязательны для заполнения.
Комментарий: Любые HTML-теги в сообщениях запрещены.
Гиперссылки в комментариях не работают — добавлять спам бесполезно!
Максимальная длина комментария — 5000 символов.
Комментарии, не имеющие отношения к статье, будут удалены.

 

Частный дизайнер: наиболее частые заблуждения заказчика Вы опасаетесь работать с дизайнером фрилансером или другим частным разработчиком? Зря, ведь это такой же работник, как тот, что выполняет заказ, который Вы разместили в рекламном агентстве. Дизайнеры в принципе народ беспокойный, творческий. Вчера он пошел работать в рекламное агентство, а сегодня ему надоело работать на дядю, и он решил…

Разработка сайтов на первом этапе. Концепция и бриф. Итак, вы выбрали подрядчика для разработки вашего будущего сайта и провели с ним предварительные переговоры. Вам может показаться, что самое сложное в процессе разработки сайта уже позади, однако не стоит делать скоропалительных выводов. Именно сейчас для вас начнется кропотливая работа по сбору информации, анализу и принятию решений – финалом…

Что такое фирменный стиль? Фирменному стилю довольно трудно дать строгое словарное определение. Однако что такое фирменный стиль, понять и представить очень легко. Авангардные художники часто любят издеваться над одним из символов Америки – логотипом компании «Coca-Cola», вписывая в красный круг витиеватым фирменным шрифтом разнообразные тексты, от юмористических до…

CSS верстка сайта: макет в три колонки Создание с помощью CSS макета из трех колонок, который может послужить основой информационного сайта с «шапкой», правой и левой колонками меню, с центральным блоком текста и «подвалом» для копирайтов, контактов и прочего. Типичный для контент-проекта макет, но полностью на CSS блоках…

Выпадающее меню на CSS и JavaScript Если на сайте слишком много ссылок в расположенном горизонтально главном меню, то для всех разделов может не хватить места. В таком случае необходимо делать выпадающее меню. Принцип работы подобных меню основан на том, что через события XHTML-документа вызывается функция JavaScript, которая динамически меняет CSS-свойства блоков, содержащих пункты меню…

Создание сайта с помощью фреймов Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…