Переходим на XHTML

Все статьи

Плохой код

Чем более успешны в Web-дизайне мы становимся и чем дольше мы занимаемся этой деятельностью, тем меньше мы задумываемся или знаем о скрытых последствиях плохого кода. В эпоху раннего развития сети Web-дизайн был схож с кормлением требовательных и разборчивых детей. Для создания работающего сайта мы создавали по несколько версий для каждого браузера. Современные браузеры все потребляют одинаковую пищу, однако, не все дизайнеры знают об этом.

Что делать?

Также как и плохая пища негативно влияет на организм, плохой код подрывает здоровье всей сети. Но до недавнего времени этот факт был скрыт от нас, как уже описывалось.

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

По странному совпадению, корректное использование XHTML ведет к структурному созданию сайтов и отказу от старошкольных уловок. В XHTML 1.0 Transitional, использование таких трюков разрешается, но более логично выполнить стоящие задачи с помощью CSS. В XHTML 1.0 и 1.1 Strict, подобные уловки запрещены.

Выберите ли вы XHTML Strict или Transitional, с течением времени вы обнаружите, что все, что вы знали – ошибочно. Вы откажетесь от множества привычных процедур: тегов <br>, которыми вы раньше щедро сыпали налево и направо для эмуляции списка, заголовки, прозрачные изображения-разделители GIF и многое другое.

Вместо использования этих уловок вы начнете мыслить структурно. Пусть код станет кодом. Даже при переходном способе, используя таблицы, вы научитесь делать больше с помощью CSS. По мере изучения нового языка мы можем забыть все устаревшие приемы, используемые нами в течение многих лет. Так может начнем?

Проверьтесь!

Служба проверки кода W3C (http://validator.w3.org/) может проверить Web-страницы HTML 4.01, XHTML 1.0 и XHTML 1.1 на их соответствие стандартам. Проверить корректное использование CSS можно с помощью службы проверки CSS (http://jigsaw.w3.org/css-validator/).

Переформулировка

Согласно W3C, XHTML является (http://www.w3.org/TR/xhtml1/) переформулировкой HTML в XML. Более простыми словами, XHTML является языком разметки на базе XML, который работает и выглядит также как и HTML за исключением некоторых небольших, но существенных различий. Для браузеров и пользователей XHTML ни чем не отличается от HTML, но некоторые наиболее новые модели браузеров обрабатывает такой код слегка отлично от HTML (более подробно мы рассмотрим этот вопрос в главе 6). Для дизайнеров и разработчиков XHTML почти не отличим от HTML, за исключением наличия слегка более строгих правил и нескольких новых элементов.

Ранее мы описали XML - Extensible Markup Language (http://www.w3.org/XML/), как сверх язык разметки, из которого дизайнеры могут создавать другие языки разметки. XHTML (Extensible Hypertext Markup Language) как раз и является одним из таких языков. XHTML 1.0 является первой и наиболее обратно-совместимой версией XHTML, и, соответственно, наиболее легкой для изучения.

Число других приложений и протоколов на базе XML подсчитать невозможно и их популярность обуславливается не в последнюю очередь возможностью безболезненного обмена данными между ними, что также относится и к XHTML. Среди этих протоколов можно упомянуть Scalable Vector Graphics (http://www.w3.org/TR/SVG/), Synchronized Multimedia Integration Language (http://www.w3.org/TR/REC-smil/), Simple Object Access Protocol (http://www.w3.org/TR/SOAP/), Resource Description framework (http://www.w3.org/RDF/), Platform for Privacy Preferences (http://www.w3.org/TR/P3P/).

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

Зачем это нужно

Почему необходимо «переформулировать» HTML в XML? Одной из причин является последовательность XML против полной неразберихи в HTML. В XML, каждый тег должен быть закрыт. В HTML же некоторые теги обязательно должны быть закрыты, другие никогда не закрываются, а третьи можно закрывать или нет, на усмотрение дизайнера. Такая непоследовательность может создать массу проблем. Например, некоторые браузеры могут отказаться отображать HTML-страницу с открытыми ячейками таблицы, даже если по правилам HTML такие теги можно не закрывать. В XHTML вы должны закрывать все элементы, что помогает избежать появления проблем с браузером, устраняет необходимость тратить время на тестирование и отладку и избавляет от необходимости помнить, какие теги надо закрывать, а какие – нет.

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

Вы можете спросить, если XML настолько важен, зачем создавать язык разметки на базе XML, который работает как HTML? XML мощен и всеобъемлющ, однако большинство браузеров не может обработать сырой XML и отобразить аккуратно отформатированную Web-страницу (Рис. 5.4). XHTML является мостом, соединяющим мощь XML и простоту HTML.

Выводы

Попросту говоря, XHTML это XML, который ведет себя как HTML в старых и новых браузерах, а также корректно работает в большинстве Internet-устройств, от Palm Pilot до сотовых телефонов и программ считывания информации с экрана.

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

XHTML является текущим стандартом кодирования Web-страниц (заменившим HTML 4) и с его помощью можно вернуть логическую структуру документа Web-контенту, совместимость с другими стандартами, например CSS и DOM, а также он обеспечит корректную совместную работу с другими языками, приложениями и протоколами на базе XML.

Наши контакты

Москва

м. Бауманская, ул. Радио, д. 24, корп.1

Санкт-Петербург

Невский проспект, д. 25

Все контакты и схемы проезда

Отправить заявку

Заполнены не все обязательные поля