Heim > Artikel > Web-Frontend > Wie verwende ich das HTML5-Quell-Tag? Einführung in HTML5-Quell-Tag-Attribute
Wie verwende ich das HTML5-Quell-Tag? Einführung in HTML5-Quell-Tag-Attribute. Lassen Sie uns nun den Inhalt dieses Artikels vorstellen. Ich werde Ihnen hauptsächlich die Verwendung von HTML5-Quell-Tags und eine detaillierte Einführung in die drei Attribute von HTML5-Quell-Tags
HTML5-Quell-Tag-Definition und -Verwendung erläutern: Das
HTML5
Audioplayer mit zwei Quelldateien. Der Browser sollte die unterstützten Dateien auswählen (falls vorhanden):
<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>
Medien: Der Typ der Medienressource, damit der Browser entscheiden kann, ob er heruntergeladen werden soll (Wert: media_query).
src: URL der Mediendatei (Wert: URL).
Typ: MIME-Typ der Medienressource (Wert: MIME_type).
Hinweis: Das
HTML5-Quell-Tag-Format:
<source src="媒体资源地址" />
HTML5
Medienattribut verwenden:
<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">
HTML5
Das Medienattribut gibt den Typ der Medienressource an (für welches Medium/Gerät die Datei optimiert ist).
Anhand dieses Attributs kann der Browser ermitteln, ob er die Datei abspielen kann. Wenn Sie es nicht abspielen können, können Sie es auch nicht herunterladen.
Hinweis: Diese Eigenschaft kann mehrere Werte annehmen.
HTML5
<source media="value">
Hinweis: Da kein Browser das Medienattribut des
HTML5
Definition und Verwendung von HTML5
src-Attribut Gibt die URL der abzuspielenden Mediendatei an.
HTML5
<source src="URL">
HTML5
Audioplayer mit zwei Ressourcendateien. Der Browser sollte auswählen, welche Datei er unterstützt (falls vorhanden):
<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
Das type-Attribut gibt an media Der MIME-Typ der Ressource.
Verwendung des Typattributs:
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
HTML5
<source type="MIME_type">
HTML5
Unterschiede zwischen HTML 4.01 und HTML 5 Das
Browserunterstützung:
Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen das
Hinweis: Internet Explorer 8 und früher unterstützen das
[Verwandte Empfehlungen]
Welche Rolle spielt das HTML-Meta-Tag? Einführung in allgemeine Attribute von HTML-Meta-Tags
Das obige ist der detaillierte Inhalt vonWie verwende ich das HTML5-Quell-Tag? Einführung in HTML5-Quell-Tag-Attribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!