HTML	住所
HTMLの基本的な注意事項	HTML の基礎 - 超詳細 - 基本ゼロ - シンプルでわかりやすい_ddddddyu のブログ - CSDN ブログ
HTML5 の詳細な注意事項	HTML5 の高度なメモ - 超詳細 - 簡潔でわかりやすい_ddddddyu のブログ-CSDN ブログ

1 HTML5 の新しいコンテンツ

汎用化された HTML5 では次のものが追加されます。

セマンティックタグ

ローカルストレージ

互換性

2D、3D

アニメーション、トランジション

CSS3の機能

パフォーマンスと統合

2 セマンティックタグを追加する

header     ---头部标签
nav        ---导航标签
article    ---内容标签
section    ---块级标签
aside      ---侧边栏标签
footer     ---尾部标签

それぞれオーディオオーディオとビデオビデオ

オーディオがサポートするオーディオ形式

オーディオのパラメータ

<audio src="media/music.mp3" autoplay="autoplay" controls="controls"></audio>

属性	価値	説明
自動再生	自動再生	存在する場合、オーディオは準備が整うとすぐに再生されます
コントロール	コントロール	存在する場合、再生ボタンなどのコントロールをユーザーに表示します。
ループ	ループ	存在する場合、オーディオが終了するたびに再生を再開します。
送信元	URL	再生するオーディオの URL

video ビデオタグは現在 3 つの形式をサポートしています

ビデオの構文と属性

<video src="./media/video.mp4" controls="controls"></video>

属性	属性値	説明する
自動再生	自動再生	ビデオは自動的に再生する準備ができています (自動再生の問題を解決するには、Google Chrome でミュートを追加する必要があります)
コントロール	コントロール	再生コントロールをユーザーに表示する
幅	ピクセル	プレーヤーの幅を設定する
身長	ピクセル	プレーヤーの身長を設定する
ループ	ループ	動画再生後、続けて再生するかどうか、ループ再生
プリロード	自動 (ビデオをプリロード) なし (ビデオをロードしないでください)	ビデオをプリロードするかどうかを指定します (自動再生が利用可能な場合はこのプロパティを無視します)
送信元	URL	動画のURLのアドレス
ポスター	lmgurl	待機画面の画像を読み込み中
ミュートされた	ミュートされた	ミュート再生

input::placeholder {
	color: red;
}