ホームページ  >  記事  >  ウェブフロントエンド  >  html5 ではどのような新しい属性が導入されましたか?

html5 ではどのような新しい属性が導入されましたか?

WBOY
WBOYオリジナル
2022-01-23 17:18:341166ブラウズ

HTML5 によって導入された新しい属性は、シームレス、srcdoc、サンドボックス、マニフェスト、文字セット、サイズ、ベース、遅延、遅延、非同期、メディア、hreflang、ref、reversed、start などです。

html5 ではどのような新しい属性が導入されましたか?

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 ではどのような新しい属性が導入されていますか?

新しい属性:

js に追加された属性。

<スクリプト遅延 src="....js" onload="alert('a')">

<スクリプト非同期src="....js" onload="alert('b')">

上記 2 つの属性がない場合、実行順序はロード (ダウンロード) が最初になります。 src を実行し、その onload を実行し、下方向に同期して実行します。defer 属性は h5 より前にすでに存在します。遅延ロード (遅延実行) を入力します。最初に src 内のファイルの内容をロード (ダウンロード) し、次に待機します。すべての読み込みが完了すると、onload の js.async 属性が非同期で読み込まれます。src の読み込み直後に onload が実行され、上記の実行シーケンスでページの読み込みが継続されます。アラート表示には最初に b が表示されます次に、

小さなアイコンのスタイル コードを Web ページのタグに追加します。

順序付きリスト ol: 開始 (リストの開始値)、反転 (反転したかどうか) メニュー メニュー タイプ属性 (3 つのメニュー タイプ) を追加 埋め込み CSS スタイル: 内部にスタイル ブロックを定義ラベル (スコープ付き)、style タグ内でのみ有効 インライン フレーム: iframe 要素、シームレス、ボーダーレス、ボーダーレスが追加されます。srcdoc はインライン フレームのコンテンツを定義します。新しい属性:

  • ##

  • ##

  • マニフェスト属性:

ページで使用する必要があるオフライン アプリケーション ファイルを定義します。 、通常は タグに配置します

charset 属性: ページの文字セットを定義する

meta 属性の 1 つ

sizes 属性 :

リンクの rel="icon" の場合、新しい属性はアイコン サイズの設定に使用されます

base 属性:

は、ページが新しいウィンドウで開かれたときに、href 内のコンテンツが次のように追加されることを意味します。アドレスへのプレフィックス

defer 属性:

script タグ属性。スクリプトがロードされた後、ページもロードされた場合にのみ実行されることを示します (遅延実行)

async 属性 :

script タグ属性。スクリプトがロードされた直後に実行されます (ブラウザーは操作中に次のコンテンツを解析します)。ページはまだロードされていません (非同期実行)

media 属性:

Element 属性: どのデバイスが最適化されているかを示します

hreflang 属性:

< ;a> 属性。ハイパーリンクが指す URL で使用される言語を示します。

ref 属性:

属性、ハイパーリンクが外部リンクかどうかを定義

reversed 属性:

    属性、シリアル番号が外部リンクであるかどうかを定義flashback

    start 属性:

      属性、シリアル番号の開始値を定義します

      scoped 属性:

      埋め込み CSS スタイルの属性は、スタイルが以下に限定されることを定義します。この埋め込みスタイルを持つ要素は、単一ページの開発に適しています。

      推奨チュートリアル: "html ビデオ チュートリアル

      "

      以上がhtml5 ではどのような新しい属性が導入されましたか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。