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

Was sind die neuen Funktionen von HTML5?

angryTom
angryTomOriginal
2020-02-27 18:00:1714745Durchsuche

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>  //表头的声明

HTML5 bietet semantische Tags, wie zum Beispiel:

<header><article><footer><nav><aside><section>等
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:

be6d67dae90cc1ad6469079e163d0939, 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 d5fd7aea971a85678ba271703566ebfd-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 d5fd7aea971a85678ba271703566ebfd-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 d5fd7aea971a85678ba271703566ebfd-Elements mehrere Werte ausgewählt werden können.

3. Fügen Sie Video- e26e9bceaa3cecafde05584c3fef9fba-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>

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!

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