Dieses Mal zeige ich Ihnen, wie Sie die neue Funktion des semantischen-Tags verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung der neuen Funktion des H5-semantischen Tags? Praktischer Fall, werfen wir einen Blick darauf.
Neue Funktionen von HTML5
Prägnanter DOCTYPE:
HTML5 hat nur einen einfachen Dokumenttyp: , was bedeutet, dass der Browser es gemäß dem Standard analysiert Modus.
Einfacher und leicht zu merkender Kodierungstyp
Sie können jetzt „charset“ in Meta-Tags verwenden:
Skript und Links benötigen keinen Typ
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
Mehr Semantik Neue -Tags
Zum Beispiel:
<video width="640" height="320" preload="auto" poster="0.jpg" controls>
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>Formularverbesserungen
Neuer Eingabetyp:
color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url
Neue Attribute:
required, autofocus, pattern, list, autocomplete 和placeholder
Neues Element:
Canvas-Tags zeichnen 2D-Grafiken.
var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100,100); context.lineTo(300,300); context.lineTo(100,500); context.lineWidth = 5; context.strokeStyle = "red"; context.stroke();
Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
Über die Anpassungsprobleme von HTML5-Seiten auf dem iPhoneX
html
Lösung dafür, dass die Tabelle zu breit ist und den übergeordneten Container überfüllt
So verwenden Sie das Cellpadding-Attribut und das Cellspacing-Attribut von HTML
Das obige ist der detaillierte Inhalt vonSo nutzen Sie die neuen semantischen Tag-Funktionen von H5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
Windows prüft den Portbelegungsstatus
Download-Adresse der offiziellen Website der Yiou Exchange-App
Computerbildschirm zeigt kein Signal
Der Unterschied zwischen Java und Java
Welche Datei ist windows.old?
Warum startet der Computer automatisch neu?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
