h5 に新しいタグと属性を追加するチュートリアルの例

構造タグ (構築タグ) は主に Web のコンテキスト構造の定義を担当します。 HTML ドキュメントの整合性を確保するために、そのようなタグには次のものが含まれます。 セクション。本の一部や章、または章内のセクションを表すために使用されます。 Web ページ アプリケーションでは、このタグは地域の章の説明にも使用できます。 hgroup Web ページまたはセクションのタイトルをグループ化します。 ヘッダー。ページ本文のヘッダーは、headタグとは異なりますのでご注意ください。初心者向けのヒントは次のとおりです。head タグのコンテンツは多くの場合非表示であり、header タグは 1 組の body タグ内にあることがよくあります。 フッター。ページの下部 (フッター)。通常、ユーザーは、当社について、法的声明、電子メール情報、管理者の入り口など、Web サイトの関連情報をここにマークします。 ナビ。メニューナビゲーションやリンクナビゲーションに特化したラベルで、navigatorの略称です。 の記事。記事の主要なコンテンツを表すために使用され、一般にテキストが集中する領域 -- >

レベル ブロック タグは主に、コンテンツの効果的な分離を確保するために Web ページ領域の分割を完了します。 、そのようなタグには次のようなものがあります。 それはさておき。本文を補足するコンテンツとして、メモ、ヒント、サイドバー、要約、挿入された引用などを表現するために使用されます。単純なページ表示では、左側または右側に配置できるサイドバーです。ページの一部をご覧いただきますと、概要です。 Figure タグは独立したストリーム コンテンツを指定し、通常は figcaption と組み合わせて使用されます。 コード。コードのブロックを表します。 ダイアログダイアログタグは、dt ddタグ-->

インライン セマンティック タグ (インライン タグ) は、主に Web ページの特定のコンテンツの参照と表現を完了し、リッチ コンテンツ表示の基礎となります。このようなタグには次のようなものがあります。 メーター。給与、数量、パーセンテージなどに使用できる特定の範囲内の値を表します。max は最大値を表し、min は最小値を表し、value は現在の値を表します。 時間。時間の値を表し、属性 datetime は時間 の進行状況を強調します。進行状況バーを表すために使用されます -->

ビデオ。 video タグは、ビデオ (ビデオ ストリームを含む) ファイルの直接再生をサポートおよび実装するために使用され、バッファーのプリロードと、MPEG-4、OggV、WebM などの複数のビデオ メディア フォーマットをサポートします。 オーディオ。オーディオ (オーディオ ストリーム) ファイルの直接再生をサポートおよび実装するために使用される audio タグは、バッファーのプリロードと -->

タグ定義オプション リストをサポートします。この要素を input 要素と組み合わせて使用して、入力の可能な値を定義します。データリストとそのオプションは表示されません。これは単なる有効な入力値のリストです。 Internet Explorer と Safari を除くすべての主要なブラウザは タグをサポートしています。 -->

インタラクティブ タグは主に機能的なコンテンツ表現に使用され、特定のコンテンツとデータの関連付けがあり、このタイプのタグには次のようなものがあります。 メニュー。主に対話型メニューに使用されます (これは非推奨になったタグでしたが、現在は再び有効になっています)。 コマンド。コマンド ボタンを処理するために使用されます。 -->

contextmenu Html5 では、各要素に新しい属性があります 属性: contextmenu , contextmenu はコンテキスト メニューです。つまり、要素を右クリックするとメニューが表示されます。 menu 要素を右クリックするとメニューが表示されることを理解するには、HTML5 の別の新しい要素である menu も理解する必要があります。その名前が示すように、menu はメニュー要素の属性を定義します。 type: メニュー タイプ属性。 3 つの値があります 1) context: コンテキスト; 2) ツールバー: ツールバー; 3) リスト: リスト 内にメニュー項目を埋め込むことができます。 。 menuitem 属性: label: メニュー項目によって表示される名前 icon: メニュー項目の左側に表示されるアイコン onclick: メニュー項目をクリックすることによってトリガーされるイベント Firefox ブラウザのみをサポート -->

要素のコンテンツを編集できるかどうかを指定します 属性値: true -----要素のコンテンツは編集可能です false -----要素のコンテンツ編集できません inherit ---- -親要素のcontenteditable属性を継承します 空文字列の場合、効果はtrueと同じです。 要素の contenteditable ステータスが true (contenteditable 属性が空の文字列であるか、true であるか、inherit であり、その親要素のステータスが true) の場合、要素が編集可能であることを意味します。それ以外の場合、要素は編集できません。

-->

は、要素がドラッグできるかどうかを指定します。 3 列挙値 true は、要素がドラッグ可能であることを指定します。 false は、要素がドラッグできないことを指定します。 auto はブラウザのデフォルト機能を使用します。 -->

hidden 属性は要素を非表示にするために使用されます。この属性が使用されると、要素はブラウザーに表示されなくなります。 2 ブール値 true は、要素が表示されることを指定します。 false は、要素が非表示であることを指定します。 -->

h5 に新しいタグと属性を追加するチュートリアルの例

関連記事