コードは次のとおりです:

次のように直接変更します:


同じこと:

次のように直接変更します:


3. 他のページまたはこのページの他の部分にリンクするページ内のブロックを表すために nav
nav 要素を乱用しないでください。ナビゲーション リンク ブロック。
ただし、ページ上のすべてのリンクを nav 要素に配置する必要はありません。この要素は、メインのナビゲーション ブロックとして使用することを目的としています。具体的な例を挙げると、利用規約、ホームページ、著作権声明ページなど、フッターには多くのリンクが含まれることがよくあります。このような状況にはフッター要素自体で十分に対応できますが、ここでは nav 要素も使用できますが、通常は不要であると考えられます。
4. 図を乱用しないでください
図は、「ドキュメント フロー内で独立した単位として参照されることもありますが、流れるようなコンテンツ」である必要があります。最適なシナリオ - ドキュメント フローに影響を与えることなく、メイン コンテンツ ページからサイドバーに移動できます。図は文書内でのみ参照するか、セクション要素で囲んでください。
Figure が純粋にプレゼンテーション用 (ロゴなど) であり、ドキュメント内の他の場所で参照されておらず、位置を移動する必要がない場合は、Figure を絶対に使用しないでください。
5. 不要な type 属性を使用しない
HTML5 では、script 要素と style 要素に type 属性が必要なくなりました。もちろん、これを記述することに問題はありませんが、ベスト プラクティスの観点からは、記述する必要はありません。


Audio 要素
audio 要素は、音楽やその他のオーディオ ストリームなどのサウンド コンテンツを識別するために使用されます。この要素でサポートされる形式を次の表に示します:

audio タグには、コンテンツ、オーディオをいつ、どのように再生するかを制御するために使用される属性があります。これらの属性は、src (ファイル名)、preload (ページのロード時にロードされる)、controls (表示制御)、loop です。 （ループ）とオートプレイ（自動再生）。以下の例では、ページが読み込まれるとすぐに音声が再生され、再生が継続されます。また、提供されるコントロールを使用して、ユーザーは音声を停止または再開できます:

ブラウザが要素をサポートしていない場合は、要素のテキスト情報が表示されます。
autoplay 要素が設定されている場合、preload 属性は自動的に無視されます。 preload="auto" が設定されている場合、ページが読み込まれた後に音声が読み込まれます。
audio 要素を使用すると、ブラウザの問題と互換性のある複数のソース要素を指定できます。ソース要素は、異なるオーディオ ファイルをリンクできます。ブラウザは最初に認識された形式を使用します:


Video 要素 video 要素を使用すると、ビデオ クリップを再生したり、ビジュアル メディアをストリーミングしたりできます。この要素でサポートされる形式を次の表に示します:

オーディオ要素のすべての属性に加えて、ミュート (ミュート)、ポスター (写真待ち)、幅、高さがあります。最後の 2 つの意味は言うまでもありません。ポスター属性 (絶対 URL または相対 URL を指定) を使用すると、ビデオが読み込まれているとき、またはビデオがまったく読み込まれていないときに使用する画像を見つけることができます。

ビデオでは、ソース要素を使用して互換性の問題を解決することもサポートしています。小さな例を見てみましょう:

コードをコピーします

コードは次のとおりです:

<ビデオ幅="320" 高さ="240" コントロール="コントロール"ポスター="/images/screen.gif">
<ソース src="movie.mp4" type="video/mp4 " />

お使いのブラウザは video 要素をサポートしていません。

ビデオの音声を再生したくない場合は、muted=「ミュート」に設定してください。
さらに、video 要素は、DOM 操作中の再生プロセスの制御をサポートするいくつかのメソッド、プロパティ、およびイベントも提供します。たとえば、要素の play、pause、load などのメソッドを呼び出します。音量や再生時間など、直接読み取りまたは設定できる属性もあります。その他、再生開始、一時停止、終了などのイベントも利用可能です。以下の例を見てください:

コードをコピーします

コードは次のとおりです:

<ボタン onclick="playPause() ">再生/一時停止
大
小
< ボタン onclick="makeNormal()">通常

新しい記述方法に注意してください。上記の例では、次のように audio 要素を記述します。