新しいHTML5タグの説明と使用

コメント：HTML 5は新しいネットワーク標準であり、既存のHTML 4.01、XHTML 1.0、およびDOMレベル2 HTML標準を置き換えることを目指しています

HTML 5は、典型的な最新の使用ウェブサイトを反映するいくつかの新しい要素と属性を提供します。それらのいくつかは、技術的に<div>および<span>タグに似ていますが、<nav>（Webサイトナビゲーションブロック）や<footer>などの意味があります。このタグは、エンジンのインデックス作成、小画面デバイス、視覚障害者の検索に役立ちます。また、<audio>や<video>タグなどの標準インターフェイスを介して、他のブラウジング要素の新しい機能を提供します。

CSSに置き換えられたため、純粋に<font>や<center>などのディスプレイ効果として使用されるものを含め、いくつかの古いHTML 4タグがキャンセルされます。また、DOMからいくつかのネットワーク動作（VIA）もあります。

HTML 5が提供する新しいタグの使用量と、HTML 4との違いを見てみましょう。

<ports>タグは、外部コンテンツを定義します。たとえば、ブログまたはフォーラムのいずれかの外部ニュースプロバイダーからの新しい記事。または、他の外部ソースに由来します。

html5：<ports> </article>

html4：<div> </div>

<aftas>タグは、記事以外のコンテンツを定義します。脇にあるコンテンツは、記事の内容に関連する必要があります。

html5：<afase>脇にあるコンテンツは独立したコンテンツですが、ドキュメントのコンテンツに関連するはずです。 </脇>

HTML4：<div>コンテンツは独立していますが、ドキュメントのコンテンツに関連するはずです。 </div>

<Audio>タグは、音楽やその他のオーディオストリームなどのサウンドを定義します。

html5：<audio src = someaudio.wav>ブラウザはオーディオタグをサポートしていません。 </audio>

html4：<object type = application/ogg data = someaudio.wav> <param name = src value = someaudio.wav> </object>

<canvas>タグは、チャートやその他の画像などのグラフィックを定義します。このHTML要素は、クライアントベクトルグラフィック用に設計されています。それはそれ自体では機能しませんが、クライアントJavaScriptに描画APIを提示して、スクリプトがキャンバスに描画したいすべてを描画できるようにします。

html5：<canvas id = mycanvas width = 200 height = 200> </canvas>

html4：<object data = inc/hdr.svg type = image/svg+xml width = 200 height = 200> </object>

<command>タグは、ラジオボタン、チェックボックス、またはボタンなどのコマンドボタンを定義します。

html5：<コマンドonclick = cut（）label = cut>

HTML4：なし

<datalist>タグは、オプションのデータのリストを定義します。入力要素とともに使用して、入力値のドロップダウンリストを作成します。

html5：<datalist> </datalist>

HTML4：コンボボックスを参照してください。

<details>タグは、ユーザーがクリックして表示または非表示にできる要素の詳細を定義します。 <legend>で使用して、詳細のタイトルを作成します。タイトルはユーザーに表示され、クリックすると詳細をオンまたはオフにすることができます。

HTML5：<詳細> </詳細>

html4：<dl style = display：hidden> </dl>

<Embed>タグは、プラグインなどの埋め込みコンテンツを定義します。

html5：<埋め込みsrc = horse.wav />

html4：<object data = flash.swf type = application/x-shockwave-flash> </object>

<figcaption>タグは、フィギュア要素のタイトルを定義します。フィマチャプション要素は、フィギュア要素の最初または最後の子要素の位置に配置する必要があります。

html5：<図> <figcaption> prc </figcaption> </figure>

HTML4：なし

<図>タグは、要素を結合するために使用されます。 <figcaption>要素を使用して、要素グループにタイトルを追加します。

html5：<図> <figcaption> prc </figcaption> <p>中国人民共和国は1949年に生まれました... </p> </図>

html4：<dl> <h1> prc </h1> <p>中国人民共和国は1949年に生まれました... </p> </dl>

<footer>タグは、セクションまたはドキュメントのフッターを定義します。通常、作成者の名前、ドキュメントの作成日、および/または連絡先情報が含まれます。

html5：<footer> </footer>

html4：<div> </div>

<header>タグは、セクションまたはドキュメントのヘッダーを定義します。

html5：<header> </header>

html4：<div> </div>

<hgroup>タグは、Webページまたはセクションのタイトルを組み合わせるために使用されます。

html5：<hgroup> </hgroup>

html4：<div> </div>

<keygen>タグは、生成キーを定義します。

html5：<keygen>

HTML4：なし

<mark>は、主にユーザーに強調表示する必要があるテキストを視覚的に提示するために使用されます。 <mark>タグの典型的なアプリケーションは、検索結果のユーザーに検索キーワードを強調表示することです。

html5：<mark> </mark>

html4：<span> </span>

<meter>タグは、重みと測定値を定義します。既知の最大値と最小値を持つメトリックにのみ使用します。メトリックの範囲は、要素のテキストまたはmin/max属性のいずれかで定義する必要があります。

HTML5：<Meter> </Meter>

HTML4：なし

<NAV>タグは、ナビゲーションリンクの部分を定義します。

HTML5：<Nav> </nav>

HTML4：<ul> </ul>

<utput>タグは、スクリプトの出力など、さまざまなタイプの出力を定義します。

HTML5：<Output> </output>

html4：<span> </span>

<進行>タグ実行プロセス。 <prosece>タグを使用して、JavaScriptに時間のかかる関数のプロセスを表示できます。

HTML5：<進行> </Progress>

HTML4：なし

<rp>タグは、Rubyコメントで使用され、Ruby要素をサポートしていないブラウザに表示されるものを定義します。

html5：<ruby> han <rt> <rp>（</rp> ㄏㄢˋ <rp>）</rp> </rt> </ruby>

HTML4：なし

<RT>タグは、文字の解釈または発音（中国の発音または文字）を定義します。

html5：<ruby> han <rt> ㄏㄢˋ </rt> </ruby>

HTML4：なし

<ruby>タグ定義Rubyコメント（中国の発音または文字）。

html5：<ruby> han <rt> <rp>（</rp> ㄏㄢˋ <rp>）</rp> </rt> </ruby>

HTML4：なし

<section>タグは、ドキュメントのセクション（セクション、セクション）を定義します。たとえば、ドキュメントの章、ヘッダー、フッター、またはその他の部分。

html5：<section> </section>

html4：<div> </div>

<source>タグは、<video>や<audio>などのメディア要素のメディアリソースを定義します。

HTML5：<source>

html4：<param>

<summary>タグには、ドキュメントまたはドキュメントフラグメントに関する詳細情報を説明する詳細要素のタイトルが含まれています。概要要素は、詳細要素の最初の子要素である必要があります。

html5：<tebulies> <summary> HTML 5 </summary>このドキュメントは、HTML 5について学ばなければならないことをすべて教えています。

HTML4：なし

<time>タグは、日付または時刻、あるいはその両方を定義します。

html5：<time> </time>

html4：<span> </span>

<video>タグは、映画クリップやその他のビデオストリームなどのビデオを定義しています。

html5：<video src = movie.oggコントロール=コントロール>ブラウザはビデオタグをサポートしていません。 </video>

html4：<object type = video/ogg data = movie.ogv> <param name = src value = movie.ogv> </object>