今回も前回に引き続き、HTML5の書き方のお話です。
前回、HTML5とXHTML1.1のDOCTYPE宣言・head要素の違いを書きました。
今回はその部分を更に詳しく見ていきたいと思います。
■DOCTYPE宣言
<!DOCTYPE html>HTML5では、HTMLの先頭に記述する「DOCTYPE宣言」が
とても簡潔になっています。
言語のバージョンを示す文字列や、DTDのURIなどはなくなり、
ただ「HTMLである」ことだけを示しています。
HTML5でHTMLを記述する際には、
上記の短いDOCTYPE宣言を先頭に記述するだけで済みます。
■html要素
<html>XHTMLではhtml要素にxmlns属性が必要でしたが、HTML5ではいりません。
lang属性を加えて記述言語を示す場合は、下記のようにします。
<html lang="ja">属性値には、日本語の場合は「ja」、英語の場合は「en」と記述します。
■文字コード
<meta charset="utf-8">meta要素を使って文字コードを示す点は同じですが、
charset属性を使って記述すれば良くなったため、
従来より短く記述できるようになりました。
■空要素の書き方
先ほどのmeta要素は、終了タグのない「空要素」と呼ばれるものです。
XHTMLで空要素を記述する場合には、
タグの最後を「 /> 」で閉じる必要がありました。
逆にHTMLではスラッシュを付けず「 > 」で閉じる必要がありました。
HTML5では、空要素のタグの終わりは「 /> 」でも「 > 」でもどちらでも構いません。
したがって先ほどのmeta要素は、
<meta charset="utf-8">と書いても、
<meta charset="utf-8" />と書いても、どちらでもオッケーなのです。