古いHTML要素とHTML5の新しい要素を含む
HTML5は何年も前から開発が始まっていましたが、2010年にはWebデザイナー/デベロッパーとの共同利用が始まりました。最初からすべてを再開発しようとするのではなく、これまでに来たものに基づいて作られています。 HTML 4.01を知っていた人はすぐに、そのバージョンのかなりの部分がHTML5で見つかりました。
HTML5には、しばらくの間HTMLの中にあった多くの要素が含まれていますが、HTML5の新しい要素もいくつか導入されています。 これらの新しい要素の多くには、「牛の道を舗装する」というアプローチが用いられていました。 これは、ITで一般に使用されている用語で、人々が何をしているのかを見て、それを行うことを本質的に意味します。 Webデザイナーの場合、これはすでにページを構築していたかどうかを確認し、それらの活動の新しい要素について決定を下すことを意味していました。 たとえば、多くのWeb専門家は、「ヘッダー」、「ナビ」、「フッター」のID属性またはクラス属性を使用する部門を持つWebサイトを構築します。 そのため、HTML5はこれらを新しい要素として導入しました。これにより、Web専門家は部門だけでなく専用のセクション要素を使用してドキュメントに意味を追加できます。 この慣れ親しみと現在の習慣を認識するアプローチの組み合わせは、HTML5がウェブデザイン業界に迅速に受け入れられるように支援しました。
HTML5 Doctype
まず、新しいHTML5要素を使用するには、ドキュメントにHTML5 doctypeが含まれている必要があります。
<！doctype html>このdoctypeに「HTML5」は特に言及されていませんが、単にバージョンを「html」と記載しています。 これは、このdoctypeが、言語のすべての反復で使用されることが意図されているためです。
実際、HTML5は言語の最後に番号が付けられたバージョンであり、今後も一貫して新しい変更が追加されています。 実際、2010年の最初のプッシュ後に、以下のリストの要素の一部が言語にうまく追加されました。
HTML5タグ
| タグ | 説明 |
|---|---|
| アンカーまたはリンク | |
| 略語 | |
| 文書のアドレスまたは著者 | |
| <エリア> | クライアント側イメージマップ |
| <記事> | 記事 |
| 接線方向のコンテンツ | |
| オーディオストリーム | |
| 大胆な | |
| | ドキュメント内の要素のベースURIパス |
| 双方向アルゴリズム | |
| | 長い引用 |
| ページの本文 | |
| | 改行 |
| HTMLフォームボタン | |
| 動的グラフィックスのキャンバス | |
| <！ - - > | コメント |
| | 表のキャプション |
| 引用 | |
| コード参照 |
| | テーブルの列 |
| | 表の列のグループ化 |
| | ページ上のコマンドまたはアクション |
| <！doctype> | ドキュメントタイプ定義 |
| | データグリッド |
| 他のコントロールの事前定義済みオプション | |
| | 談話の定義リストの説明またはスパン |
| | 削除されたテキスト |
| <詳細> | 追加オンデマンド情報 |
| 定義 | |
| 会話 | |
| | 論理分割 |
| | 説明リスト |
| | 定義リスト用語またはダイアログスピーカー |
| 強調 | |
| <埋め込み> | プラグインの埋め込み要素 |
| フォームコントロールグループ | |
| | |
| <図> | キャプション付きの図 |
| ページのフッター | |
| 形 | |
| | 第1レベルの見出し |
| | 第2レベルの見出し |
| | 第3レベルの見出し |
| | 第4レベルの見出し |
| | 第5レベルの見出し |
| | 第六レベルの見出し |
| 文書の責任者 | |
| | ページのヘッダー |
| 見出しグループ | |
| | 水平ルール |
| Webページのルート要素 | |
| イタリック体のテキストスタイル | |