28 neue Funktionen, neue Techniken und neue Technologien, die Sie über HTML5_HTML5-Tutorial-Fähigkeiten kennen müssen

1. Neuer Doctype
Obwohl verwendet wird, wird dieser Satz gemäß dem Standardmodus gerendert
2
Verwenden Sie und

, um beschriftete Bilder semantisch darzustellen

Dies ist ein Bild von etwas Interessantem

3. Neu definiert

wurde neu definiert und bezeichnet nun kleine Schriftsätze, wie z. B. das Urheberrecht Anweisung am Ende der Website
4. Entfernen Sie das Typattribut in den Link- und Skript-Tags 5. Fügen Sie Klammern hinzu / ohne Klammern
HTML5 stellt keine strengen Anforderungen an die Attribute Anführungszeichen hinzugefügt, ob geschlossen oder nicht, es wird jedoch empfohlen, Anführungszeichen und schließende Tags hinzuzufügen

6 Um Ihren Inhalt bearbeitbar zu machen, fügen Sie einfach ein inhaltsbearbeitbares Attribut hinzu
Wenn Wir setzen den Eingabetyp auf E-Mail und der Browser überprüft, ob die Eingabe vom E-Mail-Typ ist. Natürlich können Sie sich nicht nur auf die Front-End-Überprüfung verlassen, auch das Back-End muss über eine entsprechende Überprüfung verfügen
8. Platzhalter
Die Bedeutung dieses Eingabeattributs besteht darin, dass kein Javascript verwendet werden muss, um den Platzhaltereffekt zu erzielen
9.Lokaler Speicher
Lokaler Speicher, Sie kann große Datenfragmente dauerhaft auf dem Client speichern (es sei denn, Sie löschen aktiv), was derzeit von den meisten Browsern unterstützt wird. Sie können vor der Verwendung prüfen, ob window.localStorage vorhanden ist
10. Semantische Kopf- und Fußzeile 11. Weitere HTML5-Formularfunktionen
12. IE und HTML5
Standardmäßig werden neue HTML5-Elemente inline gerendert, aber Sie können die folgende Methode verwenden, um
sie im Block
Kopf- und Fußzeile rendern zu lassen , Artikel, Abschnitt, Navigation, Menü, hgroup {
display: block }
Leider ignoriert der IE diese Stile, Sie können das Problem wie folgt beheben:
document.createElement("article") ;
document.createElement("footer");
document.createElement("nav"); 🎜>document .createElement("menu");

13. hgroup

wird im Allgemeinen verwendet, um eine Gruppe von Titeln in der Kopfzeile zusammenzufassen, z. B.




Fanseite zurückrufen

Nur für Menschen, die die Erinnerung ihres Lebens wollen

14. Erforderliches Attribut

Das erforderliche Attribut definiert, ob eine Eingabe erforderlich ist. Sie können

oder

15 deklarieren wie folgt. Autofokus-Attribut
Genau wie seine Bedeutung ist es, sich auf das Eingabefeld zu konzentrieren

16 Audio-Unterstützung
HTML5 bietet die -Tag, Sie müssen nicht mehr auf Plug-ins von Drittanbietern zurückgreifen, um Audio zu rendern. Allerdings ist weiterhin eine gewisse Kompatibilitätsverarbeitung erforderlich, z. B.