Dreamweaver CS5.5のHTML5サポート
Dreamweaverの現行バージョンであるCS5.5の一番の売りは、HTML5とCSS3にフォーカスを当てている点だとRewis氏は語る。例えば、新しいドキュメントダイアログでは、HTML5を使ったスターターテンプレートが用意されている。これを使えば、HTML5をベースにしたページの土台を作ることができるという。
Rewis氏は、HTML4とHTML5の違いについて次のように語る。
「既存のHTML4のページをHTML5にするには、Doctype宣言を1行入れるだけです。もちろん、HTML5では新しいタグが用意されています。そういった新しいセマンティックな要素を使いたいユーザーのために新しいレイアウトを2つ追加しました」
デモでは、新しく用意されたHTML5版のレイアウトが、HTML4版のものと見た目にほぼ同じであることが確認できた。ただしHTML5版の方は、header／nav／aside／sectionなどといった要素でマークアップされており、Doctypeの変更だけではない機能拡張の模様がスクリーンに映し出された。
HTML5のコードヒントとInternet Explorerへの対応
新しいDreamweaverでは、コードを書くときに使うコードヒントもHTML5に対応したという。そしてRewis氏は、HTML5を使う際の注意点を次のように語る。
「HTML5の新しい要素を使う際は、ブラウザーのことを考える必要があります。Dreamweaver上のライブビューではWebKitエンジンを使って描画しているので、ChromeやSafariと同様に表示されます。きっとFirefoxやOperaでも同様にきちんと表示されるでしょう。ただし、Internet Explorerでは、問題が発生することがあります。Internet Explorer 9であればHTML5をきちんと表示できるはずですが、7や8、もしくは6ではどうなるでしょうか？」
そこでDreamweaverのチームは、前述のテンプレートにマジックコードを入れ、HTML5をサポートしていない旧ブラウザーでも、モダンブラウザーと同様に表示されるようにしているそうだ。具体的には、Internet Explorerの条件分岐コメントを使用し、バージョン9未満では別の処理を実行するように定義してあるとのこと。
「マジックコードでは、Remy Sharp氏が書いた『html5shiv』という10行程度のスクリプトを利用して、Internet Explorerのバージョン9未満でもHTML5の要素が動作するようにしてあります」
