Heim > Web-Frontend > HTML-Tutorial > Was sind die neuen Funktionen von HTML5?

Was sind die neuen Funktionen von HTML5?

angryTom
Freigeben: 2020-02-27 18:00:17
Original
14809 Leute haben es durchsucht

Was sind die neuen Funktionen von HTML5?

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-

<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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage