HTML5の新規および廃止されたタグの簡単な概要

ページ内のコンテンツブロックを表します。たとえば、章、ヘッダー、フッター、またはページの他の部分などです。ドキュメント構造を表すために、H1、H2などの要素と組み合わせて使用​​できます。例：<section>…</section> in html5; <div>…</div> in html4。

コンテキストに関連していないページ上の独立したコンテンツの一部を示します。たとえば、記事。

記事要素コンテンツ以外の補助情報を表し、記事要素コンテンツに関連しています。

ページ内のコンテンツブロックまたは実際のページのタイトルを表します。

ページ内の実際のページまたはコンテンツブロックのタイトルを組み合わせることを示します。

ページのページ全体またはコンテンツブロックを表す脚注。一般的に言えば、作成者の名前、作成日、および作成者の連絡先情報が含まれます。

ページのナビゲーションリンクの一部を表します。

一般に、ドキュメント本体のストリーミングコンテンツの独立したユニットを表す独立したストリーミングコンテンツを表します。 Figcaption要素を使用して、フィギュア要素グループにタイトルを追加します。例えば：

<図>

<figcaption> prc </figcaption>

<p>中国人民共和国は1949年に生まれました</p>

</図>

HTML4で一般的に書かれています

<dl>

<h1> prc </h1>

<p>中国人民共和国は1949年に生まれました</p>

</dl>

ビデオ要素

ビデオを定義します。映画クリップや他のビデオストリームのように。例：<ビデオsrc = movie.oggコントロール=コントロール>ビデオ要素</video>

html4での書き方：

<オブジェクトタイプ=ビデオ/oggデータ= move.ogv>

<param name = src value = movie.ogv>

</object>

オーディオを定義します。音楽やその他のオーディオストリームなど。例：<オーディオSRC = someaudio.wav>オーディオ要素</audio>

html4での書き方：

<object type = "application/ogg" data = "someaudio.wav">

<param name = "src" value = "someaudio.wav">

</object>

コンテンツを埋め込むために使用されます（さまざまなメディアを含む）。形式は、MIDI、WAV、AIFF、AU、MP3、Flashなどです。例：<埋め込みsrc = flash.swf />

html4 <object data = flash.swf type = application/x-shockwave-flash> <object>のコード例

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

html5 <mark> </mark>; html4 <span> </span>。

実行中のプロセスを表します。 Progress Elementを使用して、JavaScriptで時間のかかる関数を消費するプロセスを表示できます。待っています...後で待ってください。 <進捗> </進行状況>。

日付または時刻を示し、同時に両方になることもあります。

Rubyコメント（中国の発音またはキャラクター）を定義します。

<ruby>および<rt>タグで使用します。 Ruby要素は、1つ以上の文字（説明/発音が必要）とその情報を提供するRT要素で構成され、ブラウザがRuby要素をサポートしていないときに表示されるものを定義するオプションのRP要素も含まれています。

<ruby>

<rt> <rp>（</rp>ㄏㄢ<rp>）</rp> </rt>

</ruby>

文字（中国の発音またはキャラクター）の解釈または発音を定義します。

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

ソフトラインブレークを示します。 BR要素との違い：BR要素は、ここでラインブレークを開く必要があることを意味します。 WBRとは、ブラウザウィンドウまたは親要素に広いアーチがある場合（開く必要がない場合）、ラインブレークがなく、幅で十分でない場合、ここでラインが積極的に壊れます。

チャートやその他の画像などのグラフィックを定義します。 <canvas>要素は単なるグラフィックコンテナ（キャンバス）であり、スクリプトを使用して描画する必要があります。

<canvas id = "mycanvas"> </canvas> <script type = "text/javascript">

var canvas = document.getElementById（ 'mycanvas'）;

var ctx = canvas.getContext（ '2d'）;

ctx.fillstyle = '＃ff0000';

ctx.fillrect（0,0,80,100）;

</script>

ラジオボタン、チェックボックス、ボタンなどのコマンドボタンを表します。

コマンド要素は、メニュー要素内にある場合にのみ表示されます。それ以外の場合は、この要素は表示されませんが、キーボードショートカットを指定するために使用できます。 。

<メニュー>

<コマンドonclick = "alert（ 'hello world'）">

私をクリックしてください！</command>

</メニュー>

ドキュメントの詳細またはドキュメントの一部を説明するために使用されます。

詳細については、タイトルを定義する概要タグで使用できます。タイトルが表示され、ユーザーがタイトルをクリックすると詳細が表示されます。要約は、詳細の最初の子要素である必要があります。

オプションのリストを定義します。この要素を入力要素と組み合わせて使用​​して、可能な入力値を定義してください。データリストとそのオプションは表示されません。これは、入力値の単なる法律リストです。入力要素のリスト属性を使用して、データリストを結合します。

<入力ID = "mycar" list = "cars" />

<データリストid = "cars">

<オプション値= "bmw">

<オプション値= "ford">

<オプション値= "volvo">

</datalist>

オプションのデータのリストを定義します。 Datagridはツリーリストとして表示されます。

複数の属性がtrueに設定されている場合、リスト内の複数のアイテムを選択できます。

タグは、フォームに使用されるキーペアジェネレーターフィールドを指定します。

フォームを送信すると、秘密鍵はローカルに保存され、公開キーはサーバーに送信されます。

<form action = "demo_keygen.asp" method = "get">

ユーザー名：<入力型= "text" name = "usr_name" />

暗号化：<keygen name = "security" />

<入力型= "submit" />

</form>

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

<form action = "form_action.asp" method = "get" name = "sumform">

<output name = "sum"> </output>

</form>

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

メニューリストを定義します。フォームコントロールをリストするときは、このタグを使用します。 NAVとの違いに注意してください。メニューは、フォームコントロールに特別に使用されます。

<メニュー>

<li> <入力タイプ= "チェックボックス" /> red < /li>

<li> <入力タイプ= "チェックボックス" /> blue < /li>

</メニュー>

電子メールURLを入力する必要があります

URL番号を入力する必要があります

値範囲を入力する必要があります

特定の範囲内の値を入力する必要があります。日付ピッカー（日付セレクター）

利用可能な複数の日付と時間を持つ新しい入力タイプ：

日付 - 日、月、年を選択します

月 - 月と年を選択します

週 - 週と年を選択します

時間 - 時間（時間と分）を選択します

DateTime -Time、Day、Month、Year（UTC Time）を選択

DateTime -Local-時間、日、月、年（現地時間）検索を選択

ドメインの検索に使用すると、ドメインは通常のテキストドメインとして表示されます。色

1。CSSに置き換えることができる要素

BaseFont、Big、Center、Font、S、Strike、TT、U。これらの要素は純粋に画像ディスプレイ用です。 HTML5は、CSSの画像表示関数の統一された編集を提唱しています。

2.フレームフレームを使用しなくなりました。

フレームセット、フレーム、noframes。フレームフレームはHTML5ではサポートされておらず、iFrameフレームのみをサポートするか、サーバーによって作成された複数のページで構成されるページに準拠したフォームを使用し、上記の3つのタグを削除します。

3.ブラウザでサポートされている要素の一部のみ

アプレット、BGSOUND、ブリンク、マーキー、その他のタグ。

4。その他の廃止された要素

RBを廃止し、Shuyong Rubyを交換します。

ABBR置換を使用して頭字語を廃止します。

除去するためにdirを廃止します。

isindexを廃止して、フォームと入力を組み合わせて交換します

事前代替を使用してリストを廃止します

代わりにコードを使用してXMPを廃止します

NextIDのガイドの使用を廃止します

Plaintexを廃止して、テキスト/プリアン（フォーメットボディ）マイムタイプの代替を使用します。

===================================================================================================================

非常に多くの新しいタグと要素を見て、HTML5が本当にここにあるのだろうか？圧倒的な関連情報とチュートリアル、すべてのHTML5、CSS3、および主要なブラウザーメーカーによるHTML5のサポートの発表により、HTML5時代が本当に来ていると感じさせます。それで、私は自分のプロジェクトに自信を持ってそれを使用できますか？まだ。 IE9はHTML5をサポートすると主張していますが、IE8はまったくサポートしていません。 2006年と2007年には、XPシステムを使用してIE8をインストールするためにインターネットをcraうとした、Bensiマスターの電話の前に座っている多くの人々がまだいます。また、本物のWin7をクリックしてDバージョンXPに置き換えた新しい携帯電話を購入した老人と姉妹もいます。現在、HTML5SHIVでは、IE8は限られた容量でいくつかの新しいHTMLタグをサポートでき、いくつかの新しいタグしかサポートできません。使用する新しいテクノロジーを選択できますが、製品のユーザーがインストールする必要があるブラウザを尋ねることはできません。実際、新しいテクノロジーを作成する必要はありません。適切であることは良いことです。 asp.net2で書かれたものが機能と同じくらい強力だと思います。おじいちゃんの猫の理論と同じように、それは機能します。