Erklären Sie weiterhin die Fähigkeiten von HTML5:
16. Videounterstützung
Das Audio -Element <Audio> ist sehr ähnlich und unterstützt HTML5 -Videos auf neuen Browsern. Tatsächlich kündigte YouTube erst kürzlich eine neue HTML5 -Video -Einbettung an. Da die HTML5 -Dokumentation keinen bestimmten Encoder für das Video angibt, hängt sie hauptsächlich vom Browser ab. Obwohl Safari und IE9 Videos in H.264 -Formaten unterstützen können, halten sich Firefox und Opera immer noch an die Formate der Theora und Vorbis. Bei der Anzeige von HTML5 -Videos müssen Sie daher zwei Formate bereitstellen.
17. Video vorinstalliert
Sie müssen zuerst entscheiden, ob Sie einen Browser benötigen, um das Video vorzuladen. Gibt es ein Bedürfnis? Angenommen, ein Besucher betritt eine Seite, die der Anzeige von Videos gewidmet ist. Es ist sehr notwendig, die Seite vorzuladen, um einige Wartezeiten zu sparen. Sie können das Video vorladen, indem Sie vorlasten = vorladen oder die Vorspannung zwischen ihnen hinzufügen.
<Videovoradung>
…
</Video>
18. Anzeigesteuerungen
Möglicherweise haben Sie festgestellt, dass das Video mit dem obigen Code nur als Bild ohne steuerbare Komponenten angezeigt wird. Um diese Wiedergabesteuerelemente zu erhalten, müssen wir diese Kontrolleigenschaften im Videoelement angeben.
<Video -Vorspannungssteuerungen>
…
</Video>
19. Regelmäßige Ausdrücke
Dank der Eigenschaften des neuen Musters können wir einen regulären Ausdruck direkt in den Code einfügen.
<formmethode = post action =>
<Label für = Benutzername> Erstellen Sie einen Benutzernamen: </label>
<Eingabe-ID = Benutzername Typ = Textname = Benutzername Platzhalter = 4 <> 10 ″ Erforderlich = Erforderlich Autofocus = Autofocus muster = [a-za-z] {4,10}>
<Schaltfläche Typ = Senden> Go </button>
</form>
Wenn Sie mit regulären Ausdrücken besser vertraut sind, werden Sie dieses neue Muster bemerken: [A-Za-Z] {4,10} akzeptiert nur Buchstaben der oberen und unteren Fall. Diese Zeichenfolge muss mindestens vier Zeichen haben, bis zu zehn Zeichen.
20. Erkennen Sie die Browserunterstützung für Attribute
Wie bereits erwähnt, unterstützen nicht alle Browser diese Eigenschaften. Gibt es also eine Möglichkeit zu sagen, ob der Browser sie erkennen kann? Diese Frage ist sehr gut. Hier sind zwei Möglichkeiten, Sie Ihnen vorzustellen. Die erste Möglichkeit besteht darin, Modernizr zum Erkennen zu verwenden, oder Sie können diese Elemente auch erstellen und analysieren, um zu sehen, was der Browser hat. Wenn wir beispielsweise im vorherigen Beispiel feststellen möchten, ob der Browser die Mustereigenschaft ausführen kann, können wir der Seite JavaScript hinzufügen:
alert ('muster' in document.createelement ('Eingabe')) // boolean;
In der Tat ist dies ein sehr häufiger Weg, um die Browserkompatibilität zu bestimmen. Die JQuery -Bibliothek nutzt diesen Trick. Im obigen Code erstellen wir ein neues Eingabelement und bestätigen, ob das Musterattribut erkannt werden kann. Wenn es erkannt werden kann, unterstützt der Browser diese Funktion, sonst wird er nicht unterstützt.
<Script>
if (! 'Muster' in document.createelement ('Eingabe')) {
// Client/Server -Seitenvalidierung durchführen
}
</script>
Denken Sie daran, dass dies erreicht werden muss, indem Sie sich auf JavaScript verlassen!
21. Markelemente
Die Hauptfunktion des <mark> -Elements besteht darin, Text auf der Seite hervorzuheben, die seine Bedeutung für den Benutzer visuell hervorheben muss. Die in diesem Tag eingewickelte Zeichenfolge muss mit dem aktuellen Verhalten des Benutzers zusammenhängen. Wenn ich beispielsweise in einigen Blogs nach offener Geist suche, kann ich JavaScript im <mark> -Tag verwenden, um jede Aktion zu wickeln.
<h3> Suchergebnisse </h3>
<h6> Sie wurden unterbrochen, kurz nachdem Quato gesagt hatte, <Mark> öffnen Sie Ihren Geist </mark>. </h6>
22. Wann verwendet <div>
Müssen Sie das <Div> -Tag noch verwenden? Natürlich ist es notwendig. Wenn Sie beispielsweise ein Stück Code in ein Element einwickeln möchten, insbesondere für die Inhaltspositionierung, ist <div> eine sehr ideale Wahl. Wenn es sich jedoch nicht um die oben genannte Situation handelt, sondern um einen Blog -Beitrag oder eine Fußzeile -Linkliste zu wickeln, wird empfohlen, die Elemente von <Aktion> bzw. <AV> zu verwenden.