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

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

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

Пиринговые сети (33,33%)
Разговор врача с юзером: Ю: Доктор, а сколько я проживу с этой болезнью? В: Ну это трудно сказать, но болезнь серьезная, так что я думаю дней 30. Ю: А где можно скачать crack? (народная мудрость) Образ мышления большинства россиян таков, что даже если они в состоянии заплатить и купить легальную копию программы, они будут упорно искать лазить по…

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

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

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

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

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

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

Как я начал ненавидеть Интернет (30,43%)
Наступает эпоха острого приступообразного спама. В условиях постоянной информационной инфляции все полезное отмирает, оставляя на своем месте только гиперссылку на какую-нибудь сенсационную фигню. И если сейчас мы встречаемся со спамом исключительно в среде информационных коммуникаций, то через какое-то время он будет повсюду…

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

Ваше имя: 

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

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

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

 

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

КРОМЕ юзабилити и дизайна: содержательный сайт Любой веб-ресурс сегодня раздираем двумя мощными силами - на первый взгляд, непреодолимыми и несовместимыми одновременно. С одной стороны, юзабилити и интерфейс требуют простоты, логичности и доступности – в общем, голого функционального минимализма. С другой стороны, развивающиеся веб-стандарты и технологии способствуют расцвету новых подходов к…

Сквозная навигация Сквозная навигация — это система связей (гиперссылок), облегчающих движение пользователя по сайту. Речь идёт о максимально возможном переплетении данных. Кроме того, наличие такой связи характеризует сайт как информативный. Считаю, будет правильным выделить несколько типов связи: связь между сервисами; вокруг события;…

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

Цветной scrollbar — да или нет… В последнее время, в связи с приходом CSS в массы, особую популярность среди начинающих webmaster'ов получила возможность изменять цвет scrollbar'а окна браузера. Эта функция привлекла людей своей простотой, и нетребовательностью в знании языка. Все что остается сделать, это заменить цвета частей scrollbar'а по своему вкусу…

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