Wozu dient der HTML5-Quelltyp? Detaillierte Einführung des HTML5-Quell-Tags

Wozu dient der HTML5-Quelltyp? Was ist der Inhalt des HTML5-Quell-Tags? Dieser Artikel beschreibt hauptsächlich die spezifischen Eigenschaften und die Verwendung des HTML5-Quelltyps und führt außerdem ausführlich in die Definition und Anwendung des HTML5-Quell-Tags ein (mit Beispielen).

HTML5type-Attributbeispiel:

Typattribut verwenden:

<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 Die Syntax des Typattributs:

<source type="MIME_type">

HTML5 Der Attributwert des Typattributs:

HTML5< ;source>Definition und Verwendung des Typattributs:

Das Typattribut gibt den MIME-Typ der Medienressource an.

Unterschiede zwischen HTML 4.01 und HTML 5: Das

-Tag ist ein neues Tag in HTML 5.

Browserunterstützung:

Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen das Typattribut.

Hinweis: Internet Explorer 8 und früher unterstützen das -Tag nicht.

HTML5-Tag-Beispiel:

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>

HTML5-Tag-Definition und -Verwendung:

Medienelemente wie

-Tag können Sie alternative Video-/Audiodateien angeben, die der Browser basierend auf seinem Medientyp oder seiner Codec-Unterstützung auswählen kann.

HTML5-Quelltag ist ein Medienelement (z. B.

Anwendungsbeispiel:

Audioplayer mit zwei Quelldateien. Der Browser sollte auswählen, welche Dateien 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>

Unterschiede zwischen HTML 4.01 und HTML 5:

HTML 5.

Zusammenfassung

Das Obige ist das vom Herausgeber eingeführte HTML5-Quell-Tag: Medienelemente definieren Medienressourcen, falls Sie welche haben Fragen Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht

[Ähnliche Empfehlungen]

Wozu dient das lang-Attribut in HTML? Was bewirkt das lang-Attribut in HTML?

Was sind die neuen Strukturelemente in HTML5? Verwendung neuer Strukturelemente in HTML5 (empfohlen)

Das obige ist der detaillierte Inhalt vonWozu dient der HTML5-Quelltyp? Detaillierte Einführung des HTML5-Quell-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!