XHTML 2

1 апреля 2007 года этот пост был действительно сверстан на XHTML 2 и даже с грехом пополам работал в разных браузерах с разными глюками. Комментарии все это время принимались, но явно не показывались. Конечно, это была шутка, и Software Maniacs ни на какой XHTML не переходит :-).

XHTML2-вариант поста доступен для истории здесь. С Первым Апреля!

Перечитывал тут комментарии к своим статьям в категории XHTML и долго над ними размышлял. С одной стороны, конечно, и с поддержкой XHTML в браузерах не так все хорошо, как хотелось бы, и W3C, вроде, тоже уже не вкладывает в это направление свой вес... Но с другой стороны, если кто и "виноват" в этой ситуации, то это не W3C и уж точно не сам XHTML, а те, кто все это время только обещал, что XHTML когда-нибудь будет, но ничего для этого не делал. Если бы мы смелее стали таки использовать новые стандарты, глядишь и не сидели бы сейчас с необходимостью поддерживать HTML следующий десяток лет.

Короче говоря, я понял, что был неправ, и решил сделать шаг вперед: перевести softwaremaniacs.org на XHTML. Получилось это довольно легко, правда не на всем сайте. Подробности дальше...

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

Как видно (и как многие догадались из заголовка статьи), я выбрал именно XHTML 2. Причиной этому послужило то, что XHTML 1 все таки наследует от HTML слишком много старых кривых решений, в то время как XHTML 2 — это новый язык разметки с четкой идеологией.

В процессе перевода как раз изменение XHTML-кода было самым приятным:

• ссылки можно ставить с любого элемента, поэтому вместо странной конструкции <li><a href=""> можно писать просто <li href="">, вычистилась куча тегов <a>
• многие безликие <div> заменились на <section>
• уровень заголовков теперь задается не номерами (<h1>, <h2>), а вложенностью элементов <section>
• вместо несемантически классов появились роли элементов (role="main", role="navigation", role="contentinfo")
• наконец-то вместо просто <ul> для навигации используется navigation list — <nl>.

В итоге код выглядит гораздо логичней.

Не обошлось, правда, и без парочки ложек дегтя. Некоторые происходят из того, что XHTML 2 еще все таки в процессе разработки, а некоторые из-за того, что мой браузер (Firefox 2) не поддерживает некоторые элементы XHTML 2. Но я надеюсь, что в следующей версии с этим будет гораздо лучше. Ложки дегтя, в итоге, такие:

• Слегка увеличился код в заголовке страницы, хотя это копейки...
• Отчего-то отказался работать официальный CSS, рекомендуемый для XHTML2, пришлось позаимствовать его с одной странички
• Firefox не поддерживает активацию ссылок на XHTML2-элементах, поэтому с той же странички пришлось умыкнуть XBL-документ, который автоматически добавляет всем элементам с href ссылки, реализованные с помощью XLink (гениально!)
• Для XHTML2 еще не написан DTD, поэтому не получается проверить его на валидность.
• Из-за этого же пришлось вручную дописать прямо в страницу, что атрибуты "id" — это именно идентификаторы элементов, иначе в CSS не работает указание "#some_element".
• В CSS также заменил все ".classname" на более универсальный "[class~=classname]".
• Пришлось отказаться от скриптов — не заработали. Больше всего жалко подсветку синтаксиса :-(. Видимо, надо это будет на серверной стороне делать.
• Title страницы не показывается в заголовке окна.
• Больше всего повозился с формой комментариев. Хотел конвертировать ее в XForms, скачал дополнение к Firefox'у с его реализацией, почитал несколько тьюториалов, но так и не заставил работать (в XHTML1, кстати, работает). Поэтому пока форма работает в старом XHTML1-виде, который с помощью namespace'а внедрен в XHTML2-документ. XML — крутая штука, что ни говори!
• В IE6 форма, правда, не работает совсем и есть проблемы с CSS'ом. Но я надеюсь их решить в ближайшее время с помощью скрипта "ie7" Дина Эдвардса, который кучу CSS2-конструкций реализует для IE. (Да и честно говоря, по статистике у меня IE всего 6%, поэтому это меня не сильно беспокоит.)

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