html5 ソースタイプはどのような用途に使用されますか? html5ソースタグの詳しい紹介

寻∝梦
リリース: 2018-08-16 17:40:57
オリジナル
7083 人が閲覧しました

HTML5 ソースタイプの用途は何ですか? html5のソースタグの内容は何ですか?この記事では、html5 ソース タイプの具体的なプロパティと使用方法を主に説明し、html5 ソース タグの定義と適用についても詳しく紹介します (例を示します)。

HTML5type 属性の例:

type 属性を使用:

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

HTML5type 属性の構文:

<source type="MIME_type">
ログイン後にコピー

HTML5type 属性の属性値:

html5 ソースタイプはどのような用途に使用されますか? html5ソースタグの詳しい紹介

HTML5type 属性の定義と使用法:

type 属性は、メディア リソースの MIME タイプを指定します。

HTML 4.01 と HTML 5 の違い:

タグは HTML 5 の新しいタグです。

ブラウザのサポート:

Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari は type 属性をサポートします。

注: Internet Explorer 8 以前は タグをサポートしていません。

HTML5 タグの例:

2 つのソース ファイルを含むオーディオ プレーヤー。ブラウザは、サポートするファイルを選択する必要があります (存在する場合):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

HTML5 タグの定義と使用法:

タグはメディア要素 (

タグを使用すると、メディア タイプまたはコーデックのサポートに基づいてブラウザが選択する代替ビデオ/オーディオ ファイルを指定できます。

HTML5 ソースタグは、メディアリソースを定義するメディア要素 (

html5 ソースタイプはどのような用途に使用されますか? html5ソースタグの詳しい紹介

は、HTML のグローバル属性とイベント属性をサポートします。

アプリケーション例:

2つのソースファイルを含むオーディオプレーヤー。ブラウザは、サポートするファイル (存在する場合) を選択する必要があります:

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

HTML 4.01 と HTML 5 の違い:

タグは HTML 5 の新しいタグです。

概要

上記はエディターによって導入された HTML5 ソース タグです。メディア要素はメディア リソースを定義します。ご質問がございましたら、メッセージを残してください。 】

HTMLのlang属性は何のためにあるのでしょうか? HTML の lang 属性は何をするのでしょうか?


HTML5 の新しい構造要素とは何ですか? HTML5 での新しい構造要素の使用 (推奨)

以上がhtml5 ソースタイプはどのような用途に使用されますか? html5ソースタグの詳しい紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート