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: , 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:

, < ;section>,

,

,

,

,

, ,

und

, 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: ,

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!