Was sind die neuen Funktionen von HTML5? Tags, die strukturelle Semantik widerspiegeln, wie zum Beispiel:
<div id="header"></div> //表头的声明 Nach dem Login kopieren
HTML5 bietet semantische Tags, wie zum Beispiel:
<header><article><footer><nav><aside><section>等 Nach dem Login kopieren
2. Erweiterte Formulare
Mehrere neue Formulareingabe-Eingabetypen, wie zum Beispiel:
Farbe, URL, Datum usw.
Diese neuen Funktionen sorgen für eine bessere Eingabekontrolle und -validierung.
Neue Formularelemente, wie zum Beispiel:
, werden für verschiedene Arten der Ausgabe verwendet, beispielsweise für Berechnungen oder Skriptausgaben.
Neue Formularattribute, wie zum Beispiel:
Placehoder-Attribut, eine kurze Eingabeaufforderung wird im Eingabefeld angezeigt, bevor der Benutzer den Wert eingibt. Das heißt, unsere Standardeingabeaufforderung für allgemeine Eingabefelder verschwindet, nachdem der Benutzer Eingaben gemacht hat.
Das erforderliche Attribut ist ein boolesches Attribut. Das auszufüllende Eingabefeld darf nicht leer sein. Das Musterattribut
beschreibt einen regulären Ausdruck, der zur Überprüfung des Werts des -Elements verwendet wird.
min- und max-Attribute legen den minimalen und maximalen Wert des Elements fest.
step-Attribut gibt das zulässige Zahlenintervall für das Eingabefeld an.
height- und width-Attribute, die für die Bildhöhe und -breite des -Tags verwendet werden.
Das Autofokus-Attribut ist ein boolesches Attribut. Gibt an, dass das Feld automatisch den Fokus erhält, wenn die Seite geladen wird.
Mehrfachattribut ist ein boolesches Attribut. Gibt an, dass innerhalb des -Elements mehrere Werte ausgewählt werden können.
3. Fügen Sie Video- -Tags hinzu
<video> <video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>
<audio>
<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio> Nach dem Login kopieren
4
5.SVG-Zeichnung
6. Geolokalisierung
7. Drag-and-Drop-API
8.Web Worker
9.Web Storage
10.WebSocket Mehr
HTML-Grundlagen-Tutorial, besuchen Sie bitte die chinesische PHP-Website!
Das obige ist der detaillierte Inhalt vonWas sind die neuen Funktionen von HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!