Крупнейшие студии рунета против веб-стандартов

24 May. 2006

Сайт Вебинформ опубликовал список самых известных веб-студий рунета. Хороший повод оценить степень проникновения веб-стандартов в среду профессиональной разработки. Посмотрим, соответствуют ли стандартам хотя бы главные страницы интернет-представительств этих студий.

Бестабличная верстка

Кажется, это самый очевидный признак работы по стандартам, когда таблицы используются только по прямому назначению для организации табличных данных.

Нашлось всего две студии из пятидесяти, использующих полностью бестабличную верстку на главной странице своего собственного сайта:

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

Валидный код

Сначала я проверил все главные страницы Firefox-расширением на основе Tidy, а потом, лучшие из них, валидаторм W3C.

Опять-таки, только две главные страницы проходят валидацию без ошибок:

  • AIST.ru
  • Zero.ru (хотя Firefox показал два “wornings” из-за счечтика статистики, W3C ошибок не нашел)

Остальные главные страницы содержат не только множество мелких ошибок (warnings), но и по несколько штук ошибок грубых (errors). Грубые ошибки это, например, поставить блочный элемент внутри строчного, или перепутать порядок вложенности тегов. То есть, самые банальные ошибки написания HTML! На большинстве сайтов крупнейших наших студий! Это при всей “легкости” табличного дизайна.

Семантика

На глазок, около половины страниц содержат заголовочные элементы. Но их использование, как правило, не упорядочено. Можно увидеть больше одного H1 на одной странице, или парочку H2 без единого H1, и т.п. Списочные элементы встречаются гораздо реже.

Даже бестабличным сайтам особо нечем похвастать. На Zero.ru обилие DIV-ов, ни одного списка, и всего два заголовка — оба первого уровня. У Dominion.ru списков тоже нет, но с абзацами и заголовками порядок. Однако заголовки содержат кроме текста еще и картинки, дублирующую этот текст. А ведь можно было этого избежать при помощи Image replaсement.

Студии, использующие веб-стандарты

Получается, всего три студии, которые пусть не полностью, но используют стандарты в работе. Полной поддержкой похвастаться не может никто.

  • Zero.ru — Полностью бестабличный, эффектный и достаточно сложный дизайн. Валидная верстка, которой все же недостает семантики. 46-е место в списке Вебинформа.
  • Dominion.ru — “Резина”, сверстанная без таблиц. Использование преимуществ семантической разметки. Жаль, довольно много ошибок валидации. 23-е место в списке Вебинформа.
  • AIST.ru — Валидация без ошибок (это на главной странице, на внутренних — попадаются). Но зато полное отсутствие семантических элементов, даже тег P не используется. 30-е место в списке Вебинформа.

Итого

Может быть собственные сайты студий — не показательны, и для заказчиков студии работают иначе? По принципу “сапожник без сопог”. Возможно. Но интуиция подсказывает, что там примерно та же картина. Или хуже.

Понятно, при создании и поддержке крупных сайтов соблюдать стандарты непросто. Неужели настолько, что даже HTML без ошибок и тот — экзотика.

12 Responses to “Крупнейшие студии рунета против веб-стандартов”

  1. agat Says:

    Куча невалидных сайтов, отчасти из за того, что большинство «движков» компаний и библиотеки наработок кодеров и программеров построены на принципах вёрстки середины 90-тых годов.

    Работает? Работает, нечего тут менять :)

  2. Flack Says:

    http://starsoftlabs.ru/
    У нас вот тоже не ахти семантика, впрочем это наш отдел маркетинга ваял :)

  3. uggallery Says:

    2 agat: Мне кажется, у них мозги, главным образом, построены на принципах середины 90-тых годов. Все остальное легче исправить.

    2 Flack: Зато верстка без таблиц и отсутсвие ошибок. Но от маркетологов можно было ожидать большей любви именно к семантике — ради поисковой оптимизации. Или они маркетологи чисто офлайновые?

  4. TheBits Says:

    Плохо что новое поколение наследует ошибки прошлых (по всяким там учебникам, факам,мануалам по хтмл). По этому надо популяризировать правильные вещи.

  5. uggallery Says:

    надо популяризировать правильные вещи

    Это верно. Но это ж нелегкий труд. Проще и веселее напасть на кого-нибудь с критикой :)))

    Неплохо бы еще делать положительный PR студиям, которые делают правильные вещи. Я пытаюсь мыслить позитивно, но не сразу получается. Эта заметка тоже получилась в духе “стакан наполовину пуст”. Только сейчас понимаю, что ее следовало назвать: “Определены три самые лучше и прогрессивные студии рунета!!!” Потому что 3 из 50-ти — это не так уж мало, на самом деле.

  6. TheBits Says:
    1. Да! :) Правда в последний раз я на своих же словах обломался, сказал что последние работы артемия лебедева валидны и блочны… :) один товарищь меня упрекнул в неправде.

    2. Жаль что мои любимые Actis и 6олотов не вошли в их число… :)
      Надо свой рейтинг делать.

    2+. Тут ещё надо добавить воспитание правильных качеств покупателей. То есть студии невалидные будут пользоваться меньшим спросом. Надеюсь моя мысль ясна.

  7. uggallery Says:

    Надеюсь моя мысль ясна.

    Конечно.

  8. Ivan A-R Says:

    Да что уж тут говорить про опыт 90х годов, когда знания трёхгодичной давности уже устарели…

  9. uggallery Says:

    знания трёхгодичной давности уже устарели…

    Жаль, что это не всем и не всегда очевидно :(

  10. Ivan A-R Says:

    Жаль, что это не всем и не всегда очевидно :(

    Видимо со стороны заметнее. Я и так, веб программированием и вёрсткой занимаюсь только для того что бы потешить себя любимого. Так ещё три года “не брал в руки шашек”.

  11. max Says:

    http://www.smashingmagazine.com/2006/12/19/50-beautiful-css-based-web-designs-in-2006
    zero.ru попало в один из 50 лучших сайтов

  12. Александр Фомин Says:

    Создавать сайты с жесткой проверкой валидности на XHTML 1.0 Strict возможно. Посмотрите http://ulo.ru/pikasso/
    Конечно дизайн средний, но это только начало.