HTML5でウェブページを記述してみましょう
HTML5には、従来のHTMLやXHTMLと比べて様々な追加・改良点があります。しかし、これまでHTML(XHTML)ソースを直接記述したことがあるなら、HTML5を記述するのは難しくありません。今回は、HTML5ソースを記述する基礎として、以下の2点をご紹介致します。
(1)HTML5ソースの全体構成 (どこに何をどのように書くのかについて)
(2)ヘッダ部分の記述方法 (従来のHTMLやXHTMLとは異なる点について)
まず、HTML5ソースの全体構成をご紹介致します。
HTML5ソースの全体構成
HTML5は、従来のHTML・XHTMLとほぼ同じ方法で記述できます。細かな追加点・変更点はたくさんありますが、基本的には、- より簡潔に書けるようになった
- 要素や属性が増えて、実現可能な表現が増えた
だいたい以下のような感じでソースを書くことになります。
▲HTML5ソースの基本的な構成は、従来のHTML・XHTMLと同じ。
先頭に「DOCTYPE宣言」が1行あり、続くhtml要素の中に、「ページ情報などを記述するヘッダ部分(head要素)」と、「ページの中身を記述する本文部分(body要素)」が入っています。
これまで、HTML4.01やXHTML1.1などでウェブページを記述してきた方々にとっては、ほとんど従来と変わっていないように見えることでしょう。
HTML5とは、「全く新しい言語」ではなく、過去との互換性を維持した「バージョンアップ版の言語」ですから、基本的な部分は同じなのです。したがって、HTML5で記述するといっても、何ら難しいことはありません。
HTMLの構造は同じでも、
- 追加された要素や属性
- 仕様が変更された要素や属性
- 廃止された要素や属性
とはいえ、HTML5で新しく追加された仕様を絶対に活用しなければHTML5が書けないわけではありません。最初から全部を使ってみる必要はありませんので、まずは従来の書き方をベースにしつつ、興味のある新仕様から取り入れていけば良いでしょう。
次のページでは、より簡潔に書けるようになったヘッダ部分についてご紹介致します。