HTML5 の新しい要素

HTML5 の新しい要素

1999 年の HTML 4.01 以来、多くのことが変わりました。現在、HTML 4.01 のいくつかの要素は非推奨となり、これらの要素は HTML5 で削除または再定義されています。

今日のインターネット アプリケーションをより適切に処理するために、HTML5 には、グラフィック描画、マルチメディア コンテンツ、より優れたページ構造、より優れたフォーム処理、いくつかの API ドラッグ アンド ドロップ要素、位置決め (Web アプリケーションを含む) など、多くの新しい要素と機能が追加されています。キャッシュ、ストレージ、ネットワークワーカーなど。


<キャンバス>新しい要素

説明ラベルは、グラフやその他の画像などのグラフィックを定義します。このタグはJavaScriptの描画APIをベースにしています


新しいマルチメディア要素

ビデオ(ビデオまたは映画)を定義します <source>マルチメディアリソース<video>と<audio> <embed>
<オーディオ>オーディオコンテンツを定義する <ビデオ>
プラグインなどの埋め込みコンテンツを定義します。 <track> <video> や <audio> などのメディアの外部テキスト トラックを指定します。

新しいフォーム要素

タグ 説明


<datalist>

オプションリストを定義します。この要素を input 要素と組み合わせて使用​​して、入力の可能な値を定義します。
<keygen> フォームで使用するキー ペア ジェネレーター フィールドを指定します。
<output> スクリプト出力など、さまざまなタイプの出力を定義します。


新しい意味要素と構造要素

HTML5 は、より良いページ構造を作成するための新しい要素を提供します:

タグ 説明
<article>ページ上に独立したコンテンツ領域を定義します。
<aside> ページのサイドバーのコンテンツを定義します。
<bdi> を使用すると、親要素のテキスト方向の設定とは独立してテキストを設定できます。
<command>ラジオボタン、チェックボックス、ボタンなどのコマンドボタンを定義します
<details> ドキュメントまたはドキュメントの特定の部分の詳細を説明するために使用されます
<dialog>プロンプトボックスなどのダイアログボックスを定義します
< ;summary> タグには、詳細要素のタイトル
<figure> が独立したフローコンテンツ (画像、チャート、写真、コードなど) を指定します。
<figcaption><figure>要素のタイトルの定義
<footer>セクションまたはドキュメントのフッターを定義します。
<header>はドキュメントのヘッダー領域を定義します
<mark>はマーク付きのテキストを定義します。
<メートル>度量衡の定義。最大値と最小値がわかっている測定にのみ使用してください。
<nav> ナビゲーションリンクの部分を定義します。
Ruby アノテーションで使用し、Ruby 要素をサポートしていないブラウザで表示されるコンテンツを定義します。 ドキュメント内のセクション (セクション、セクション) を定義します。 <time>日付または時刻を定義します。
<progress>あらゆる種類のタスクの進捗状況を定義します。
<ruby>ルビのコメント(ふりがなまたは文字)を定義します。
<rt>文字(中国語の表音文字または文字)の解釈または発音の定義。 & & Lt; rp & gt;

<section>

<wbr>テキスト内の改行を追加するのが適切な場所を指定します。
上記の新しい要素の使用法については、HTML リファレンス マニュアルをご覧ください


学び続ける

||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h1>HTML5 新元素</h1> <article> php中文网 —— php中文网!! </article> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜