HTML5属性

1.HTML5が誕生しました

これは、W3CとWHAT組織によって共同開発され、2014年に正式にリリースされました。

2.HTML5は新世代のWeb開発標準になりました

3. HTML5の新機能（インタビュー）

オーディオとビデオのオーディオ再生を追加し、Flashを廃止しました
キャンバスキャンバスを追加しました（ペイント、アニメーションの作成（小さなゲーム開発など））
ジオロケーション
オフラインキャッシュを追加
ハードウェアアクセラレーション
Webソケット（全二重通信）
ローカルストレージを追加
いくつかのセマンティックタグを追加しました

4.Webページレイアウトタグ

ヘッダー：ページのトップ
nav：ナビゲーションバー
脇：サイドバー
メイン：本体
セクション：ブロック
記事：記事
フッター：ページフッター

5.セマンティックタグ

マーク：ハイライト表示（ラインレベル）
詳細（説明）と要約（要約）：一般的に名詞の説明に使用されるか、ブロックなどをカプセル化するために使用されます。
メーター：ウェイトとメジャーの定義

属性：値/最小/最大
プログレス：プログレスバー

属性：値/最小/最大
ダイアログ：ダイアログボックスまたはウィンドウ
図：要素を組み合わせるために使用されます（通常、画像のタイトル、画像、および画像の説明を組み合わせるために使用されます）

6.HTML5マルチメディア

1）オーディオ音楽またはオーディオを再生します。IE9より前のバージョンはサポートされていません。

a）サポートされている形式
    .mp3 / .ogg / .wav 
b）属性
    src：ファイルパス
    自動再生：自動再生
    ループ：ループ
    制御：コントロールバー
    ミュート：ミュート
    プリロード：プリロード（自動再生を使用すると、プリロードは自動的に無効になります）

2）ビデオがビデオをロードします。IE9より前のバージョンはサポートされていません。

a）サポートされている形式
    .mp4 / .ogg / .webm 
b）属性
    src：ファイルパス
    自動再生：自動再生
    ループ：ループ
    コントロール：コントロールバー
    ミュート：ミュート
    プリロード：プリロード（自動再生が使用されている場合、プリロードは自動的に無効になります）
    幅：幅の
    高さ：高さ
    ポスター：ポスター

3）コンテンツを埋め込むか、プラグインをロードします。

属性：
    src：ファイルパス
    幅：幅
    高さ：高さ
    タイプ：タイプ

4）キャンバスキャンバス。コンテナ要素です。

注意：

キャンバスを単独で使用することはあまり意味がありません。Javascriptと組み合わせて使用する必要があります。その特定の機能はによって反映されます

Javascriptは現在を反映しています。
キャンバスの幅と高さは、CSSを介して実現するのではなく、ラベル属性の幅と高さを直接使用するのが最適です。

7.HTML5の共通属性

contentEditableは、ラベルを編集可能な状態に変換します。すべてのラベルに使用できます。その値はtrue / falseです。
hiddenは要素を非表示にします。通常、値を渡すため、または特定の条件が確立されると、実行内容が表示されます。デフォルト値は非表示です。
data- *は、ページまたはアプリケーションのプライベートカスタムデータを格納するために使用されます。通常、値を渡すために使用されます。
マルチプルは、入力フィールドで複数のコンテンツを選択できることを指定します。file / selectなどのフォームコンポーネントで使用されます。
必須の制約テーブル要素は、相互に送信する前に値を入力する必要があります。フォームコンポーネントで使用する場合は、送信ボタンと組み合わせて使用する必要があります。
パターン

入力フィールドの検証に使用されるモード。フォームコンポーネントで使用する場合は、送信ボタンと組み合わせて使用する必要があります。

8.フォームコンポーネント

色：色
メール：メール
tel：電話番号
url：URL
番号：番号
範囲：範囲
検索：検索
日付：日付
日時：日時
datetime-local：ローカルの日付と時刻
年：年
月：月
時間：時間

9.フォーム属性

formaction：アクションデータが送信される場所を変更します
formenctype：フォームリクエストのタイプを変更します
formmethod：データ送信の方法を変更します
form：form要素が属するフォームを設定します
novalidate：検証しない

10.入力属性

オートコンプリート：オートコンプリートは、コンテンツが入力されるたびに、ブラウザーが将来の使用のために入力値を保存するかどうかに関係なく、ユーザー入力を支援するために使用されます。値は次のとおりです：オン/オフ、デフォルトはオンです。機密データ（ユーザーアカウント、パスワードなど）を保護し、ローカルブラウザによる安全でないストレージを回避するために、通常はデータを閉じる必要があります。
オートフォーカス：自動フォーカス
ステップ：ステップ長
複数：複数選択
パターン：通常のマッチング
プレースホルダー：入力プロンプト
必須：入力する必要があります

04HTML5属性