So nutzen Sie die neuen semantischen Tag-Funktionen von H5

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: 8b05045a5be5764f313ed5b9168a17e6, 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: eca61fdc388b045f2e00067f6ebec762

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: 23c3de37f2f9ebcb477c4a90aac6fffd, < ;section>, 15221ee8cba27fc1d7a26c47a001eb9b, d8eccd9ed644b68a6460a2bb84548c82, 1aa9e5d373740b65a0cc8f0a02150c53,c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9, 46dd80ba616c57a652514755c74c4211, 24203f2f45e6606542ba09fd2181843a und 614eb9dc63b3fb809437a716aa228d24, usw.

<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: aa983b9eb8086376f1f6481364a02e5a, fc86e7b705049fc9d4fccc89a2e80ee3, be6d67dae90cc1ad6469079e163d0939, 49c6123c49c6be380cb91db06cd3bfa9 und 6ecb87e5318a36c03c59e25d55f43372

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 Titelattribut von HTML, um Text anzuzeigen, wenn Sie mit der Maus darüber fahren

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!