セマンティックHTMLの規格化に向けたHTML 5のドラフト
翻訳校正:村上雅章・野崎裕子
HTML 5の最初のドラフトがようやくリリースされた。そこで、セマンティックHTMLの実現という観点でその意味を考えるとともに、HTML 4から変更された点をかいつまんで説明する。
HTML 4.01が公式に発表されてから10年近くが経とうとしているとは信じ難いことだ。とは言うものの、ブラウザがこの規格に対応するようになるまでにはかなりの時間がかかっており、その対応もまだ完全ではない。それでも、World Wide Web Consortium(W3C)がセマンティックHTMLの実現に向けてHTML 5の最初のドラフト(草案)をリリースしたことは喜ばしいニュースだ。
セマンティックHTML
セマンティックHTMLが目指しているのは、HTML文書から表示方法に関する指定を排除するということである。つまり、セマンティックHTMLでは、データ本来の持つ意味合いのみが適切なタグによって文書中に記述されるのだ。これは、コンテンツと表示方法の分離という目標に向けた動きであり、HTML 5はその目標の実現に向けて着実に動いている。
セマンティックHTMLの例として、表形式のデータに対してはテーブル要素のみを使用することや、ページ上の重要なデータをマークアップするためにのみヘッダタグ(<h1>や<h2>、<h3>)を使用することなどが挙げられる。こういったことに加えて、HTML 5ではセマンティックHTMLを実現するための新たな機能が数多く導入され、従来の要素のいくつかが消えてなくなっている。
HTML 5で追加されたもの
HTML 5の追加機能は、コンテンツに対する意味の割り当てをHTMLタグによって容易に行えるようにすることで、セマンティックHTMLの実現に注力している。以下にこういった要素の例を挙げている。
- article:ページ内の独立したコンテンツそれぞれを表す。
- audio:マルチメディアをサポートする。
- canvas:グラフやゲームなど、動的なビットマップグラフィックスをその場で描画する。
- dialog:会話をマークアップする。
- embed:プラグインコンテンツをサポートする。
- footer:セクションのフッタを表す。
- header:セクションのヘッダを表す。
- nav:ナビゲーションを目的とするドキュメントのセクションを表す。
- section:ドキュメントのセクションを表す。
- video:マルチメディアをサポートする。
こういった新しい要素は、プレゼンテーション重視のHTMLの時代が終わったということを示している。送り手が意図した通りのコンテンツを受け手に配信するという作業には、CSSを用いるべきなのだ。とは言うものの、新しいテクノロジに取り組む際の懸念として、後方互換性がある。
HTML 5規格には、ウェブ開発者に対する準拠要求と、コンテンツを閲覧するために使用されるソフトウェア(ユーザーエージェント)に対する準拠要求が含まれている。ユーザーエージェントのセクションには従来のHTMLが適切に描画できることを保証するガイドラインが含まれているため、既存のウェブコンテンツが影響を受けるという心配は不要である。
- ホワイトペーパー
- 企画特集
セキュリティ&ユーザ事例【SIer Club】
ストレージメディア特設サイト開設
パンデミック対策特集
そのストレージで仮想化に対応できますか?
ロリポップ!がリニューアル
仮想環境を実現するソリューション特集
御社のログ活用しませんか!?
ESBでIT投資の無駄を劇的に解消する
集積度も性能も、業界最高水準のブレードPC
インターネット上の悪意を未然に防ぐには?
◆エン・ジャパン厳選求人☆毎週更新◆
SOA、BPM、SaaS −今、企業に必要なこと
今注目の「サジェスト検索」−デモ掲載中
【徹底対談】運用管理ツールの賢い使い方
中小企業のセキュリティリスクとは?
- ■ストレージ容量50%削減保証■
- エンタープライズにおけるSUSEの強み
- サービス・ドリヴン・データセンター
- サーバー監視・運用のコストを削減するには
- 話題のタグ
Windows 7はLinuxへの切替が簡単:注目の仮想ディスクフォーマット「VHD」
iPhone OS 3.0で変わった「絵文字」
OSSのクラウド基盤「Eucalyptus」を使う(4)--インストール〜ノード構築
俳優経験者が指南する「人前で上手く話すためのティップス10選」
「うるまでるびペイント」登場:絵は上手下手ではなく制作過程に楽しみが
待てば回路の日和あり--「iPhone 3GS」発売、しかし――