html5の新機能とは何ですか?

angryTom
angryTomオリジナル
2020-02-27 18:00:1714828ブラウズ

html5の新機能とは何ですか?

html5 の新機能

1. セマンティック タグ

html5 との比較以前の HTML では、

<div id="header"></div>  //表头的声明

HTML5 では、

<header><article><footer><nav><aside><section>等

2 などの構造的なセマンティクスを反映するタグがありませんでした。 複数の新しいフォーム入力入力タイプ (例:

色、URL、日付など)。

これらの新機能により、入力制御と検証が向上します。

新しいフォーム要素 (例:

be6d67dae90cc1ad6469079e163d0939) は、計算やスクリプト出力など、さまざまな種類の出力に使用されます。

新しいフォーム属性 (例:

プレースホダー属性)。ユーザーが値を入力する前に、入力フィールドに短いプロンプトが表示されます。つまり、入力ボックスの共通のデフォルト プロンプトは、ユーザーが入力すると消えます。

必須属性はブール属性です。入力が必要な入力フィールドを空にすることはできません。

pattern 属性は、d5fd7aea971a85678ba271703566ebfd 要素の値を検証するために使用される正規表現を記述します。

min 属性と max 属性では、要素の最小値と最大値を設定します。

step 属性は、入力フィールドの有効な数値間隔を指定します。

高さと幅の属性は、イメージ タイプの d5fd7aea971a85678ba271703566ebfd タグのイメージの高さと幅に使用されます。

autofocus 属性はブール属性です。ページの読み込み時にフィールドが自動的にフォーカスを取得するように指定します。

multiple 属性はブール属性です。 d5fd7aea971a85678ba271703566ebfd 要素内で複数の値を選択できることを指定します。

3. ビデオ 39000f942b2545a5315c57fa3276f220 およびオーディオ b97864c2e0ef2353a16c4d64c7734e92 タグを追加します

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

4.キャンバス描画

5.SVG 描画

6.地理位置情報

7.API をドラッグ アンド ドロップ

8.Web ワーカー

9.Web ストレージ

10.WebSocket

その他

html基本チュートリアル

、PHP 中国語 Web サイトにアクセスしてください。

以上がhtml5の新機能とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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