HTMLの後継として2001年5月31日に「XHTML 1.1」がW3Cの正式勧告として公開されました。
GoLive CSでは、XHTML 1.1のドキュメントも作成することができます。
しかし、WebサーバのHTTPレスポンスや、古いブラウザに対応させるためにはXHTML 1.0 Strictで作成した方が無難だと思います。
GoLive CSは、Dreamweaver MX 2004と異なり、各種 XHTML の DOCTYPE 文もメニューから選択するだけXHML 1.0が3種、BASIC、Mobileが挿入されます。 XHTMLへの変換や各種バージョンの構文チェックにより、HTMLからXHTMLへのスムーズな移行が可能です。他にもXML宣言が挿入される、標準モードと互換モードがより正しく表示される、XHTMLからHTMLあるいは逆に変換できるなど半歩優れていると言えます。
HTMLの最終バージョはHTML 4.0.1で、次の3つに分類されています。
HTML 4.01 Strictは、Webページの色や大きさ、位置などの見た目のデザインに必要な要素や属性をCSSに分割し、HTMLの目的を文書構造を表す規則を厳格にしています。このHTML 4.01をもとに、XHTML 1.0が誕生し、XHTMLのStrictにルビに関する機能などを追加したものがXHTML 1.1です。
XHTML 1.1は、HTML 4.01 Strictをベースにしていますから、TransitionalやFramesetがありません。HTMLと書式は似ていますからエディタでタグ打ちしている人は簡単に移行できると思いますし、一からHTMLを覚えたい人にも覚える要素や属性数が少なく効率的です。
大手Webサイトでは、XHTML1.0 + CSSに移行しています。
特に注目したいのは、AppleのWebページです。基本的にAppleのWebページはHTML 4.01 Transitionalです。
この「iPod」のWebページや「アップル ホットニュース」はXHTML 1.0 Transitional で記載されておりXHTMLへの移行中と思えます。
XHTML 1.0のWebページをAnother HTML-lintのgatewayで採点しました。
XHTMLとCSSで作成されたWebページはWeb Standards Awards(英語)で探すといいと思います。
| Webページ | 言語 | エンコーディング | 得点 | 評価 |
|---|---|---|---|---|
| 島根県 | XHTML 1.0 Strict |
Shiht_JIS | 100 | ◎ |
| お遍路.RANGE | XHTML 1.0 Strict | UTF-8 | 100 | ◎ |
| World Wide Web Consortium | XHTML 1.0 Strict | UTF-8 | 97 | ○ |
| OPERA日本語サイト | XHTML 1.0 Strictl | utf-8 | 91 | ○ |
| 沖縄国際大学 | XHTML 1.0 Transitional | Shift_JIS | 82 | △ |
| アップル -iPod | XHTML 1.0 Transitional |
Shift_JIS | 78 | △ |
| Macromedia Japan | XHTML 1.0 Transitional |
utf-8 | 73 | △ |
| アップル - News Release | XHTML 1.0 Transitional |
Shift_JIS | 2 | △ |
| アップル - 教育 | XHTML 1.0 Transitional |
Shift_JIS | -7 | × |
| Adobe Studio | XHTML 1.0 Transitional |
x-sjis | -157 | × |
日本語のサイトでもXHTML 1.0で作成されたものを見つけることは容易になってきています。まず、島根県がXHTML 1.0 Strictでパーフェクトです。すごいです。次に驚いたのがAdobeです。得点がマイナスになっています。思わず笑いました。見た目のデザインだけでなく文章としてのデザインも綺麗に作成して欲しいものです。
米国であればXHTML 1.1で作成しているサイトも綺麗にデザインされたところが増えてきました。
| Webページ | エンコーディング | 得点 | 評価 |
|---|---|---|---|
| W3C XHTML™ 1.1 -Module-based | UTF-8 | 93 | ○ |
| zlog | en | 92 | ○ |
| Lambertin | iso-8859-1 | 86 | △ |
| One Day Films | en | 79 | △ |
| I use it | - | 75 | △ |
| cookiecrook | UTF-8 | 64 | △ |
| larsholst.info | en | 50 | △ |
| Fralenuvol.it | iso-8859-1 | 44 | △ |
| WebSolutions of Georgia, Inc. | en | 41 | △ |
| 北海道教育大学函館校 | EUC-JP | 39 | △ |
| built for the future | iso-8859-1 | 23 | △ |
国内でXHTML 1.1のサイトを見ることもありますが、デザインされたところは少ないです。米国ではデザイナーが作成されたサイトであっても、XHTML 1.0 StrictからXHTML 1.1に移行しているかのように増えています。
米国の数年遅れと言われる日本のWeb環境です。日本と米国のWebサイトを見てきて日本はブロードバンド率が50%前後と高いためかFlashで作成されているところが目立ちます。ただ多くのFlashサイトはデザイナーが新しいおもちゃを与えられ丸や四角を動かしたりテキストを拡大縮小する程度で質が低いだけで無駄にトラフィックを消費し、そのうえアクセシビリティを無視している差別サイトだと思います。:-)
※今まで調べたWebページで最低得点は、言語がHTML4.01 TransitionalですがNASAで -188点でした。
現在のところ多くのブラウザでルビが表示されません。下はIEでの表示です。
メモです。
(1) XHTMLではテンプレート機能が使えません。
「ウィンドウ」メニューから「テンプレート範囲」を選択しパレットを表示させておいて、「ファイル」メニューより「新規スペシャル」「XHTML ページ」か「XHTML 1.1」を選択するとテンプレート範囲パレット右下の「新規編集可能範囲選択」がグレーアウトされます。
コンポーネントが使えるだけに残念です。
(2) XHTML 1.1では、HTMLのSTYLE属性は非推奨となっています。
(3)GoLive CSは lang="ja" が勝手に追加されることがあります。
(4)WebサーバーのHTTPヘッダーが "text/html"である場合は、XHTML 1.1のcontent-typeを "application/xhtml+xml" にすると矛盾します。
よって GoLive CSでは、XHTML 1.1よりもXHTML 1.0のStrictで作成した方が無難です。
XHTMLをタグ打ちしていると入力できない文字や、Webページ上のメールアドレス@をエンコードさせておくといいと思います。
【参考】WebMonkey 特殊文字
GoLive CSのWeb設定でも参照することができます。
Copyright © 1998-2006 OUTDOORMAC All Rights Reserved.
