Heim >Web-Frontend >HTML-Tutorial >Was ist HTML5? Was sind die neuen Funktionen von HTML5? (Zusammenfassung mit Code)

Was ist HTML5? Was sind die neuen Funktionen von HTML5? (Zusammenfassung mit Code)

藏色散人
藏色散人Original
2018-10-17 15:20:2810699Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich vor, was HTML5 ist, und fasst die neuen Funktionen von HTML5 zusammen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Was ist HTML5? Was sind die neuen Funktionen von HTML5? (Zusammenfassung mit Code)

Zuallererst sollte jeder wissen, was HTML ist, oder?

HTML ist die Abkürzung für Hyper Text Markup Language, die Standardsprache für die Erstellung von Webseiten. Da Webseiten nicht nur gewöhnlichen Text, sondern auch Hypertext enthalten, wird sie als Hypertext-Beschreibungssprache bezeichnet.

Also Was ist HTML5?

Die fünfte große Überarbeitung der Hypertext Markup Language (HTML), einer Anwendung unter Standard Universal Markup Language, der Kernsprache des World Wide Web. Wir werden diesen überarbeiteten Standard HTML5 nennen.

html5 ist eine Reihe von Technologiekombinationen einschließlich HTML, CSS und JavaScript, die die Leistung von Webseiten verbessern. Zweitens werden Webanwendungsfunktionen wie eine lokale Datenbank hinzugefügt.

Was ist HTML5? Was sind die neuen Funktionen von HTML5? (Zusammenfassung mit Code)

Nachfolgend geben wir Ihnen anhand einfacher Beispiele einen Überblick über die neuen Features von html5.

1. Leinwand malen

HTML5 wird zum Zeichnen von Bildern verwendet (per Skript, normalerweise JavaScript).

2. Video- und Audioelemente für die Medienwiedergabe

HTML5 DOM stellt Methoden, Eigenschaften und Ereignisse für die Elemente

Mit diesen Methoden, Eigenschaften und Ereignissen können Sie JavaScript verwenden, um die Elemente

3. Lokale Offline-Speicherung localStorage Langzeitspeicherung von Daten, die Daten gehen nach dem Schließen des Browsers nicht verloren

localStorage: Datenspeicherung ohne zeitliche Begrenzung

4. SessionStorage-Daten werden nach dem Schließen des Browsers automatisch gelöscht

sessionStorage: Datenspeicherung für eine Sitzung

5 bessere Semantik, zum Beispiel Artikel, Fußzeile, Kopfzeile, Navigation, Abschnitt

1.

2.

Tag definiert den Header eines Dokuments oder eines Teils eines Dokuments. Das
-Element sollte als Container für einleitende Inhalte oder Navigationslinks dienen.

3.Nav-Element kann als Linkgruppe für die Seitennavigation verwendet werden. Es gibt viele Links in der Navigationslinkgruppe. Durch Klicken auf jeden Link kann auf andere Seiten oder andere Teile der aktuellen Seite verwiesen werden Gruppen müssen in Navigationselementen platziert werden. Wir müssen nur die wichtigsten, grundlegendsten und wichtigsten in Navigationselemente einfügen.

4.section ist ein semantischer Tag.

6. Formularsteuerung, Kalender, Datum, Uhrzeit, E-Mail, URL, Suche

Neue Technologien Webworker, Websocket, Geolocation

1. Beim Web Worker wird JavaScript im Hintergrund ausgeführt, unabhängig von anderen Skripten, und hat keinen Einfluss auf die Leistung der Seite. Sie können weiterhin tun, was Sie wollen: Klicken, Auswählen usw., während der Web-Worker im Hintergrund ausgeführt wird.

2. WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung, die HTML5 bietet.

3.HTML5 Geolocation API wird verwendet, um den geografischen Standort des Benutzers zu ermitteln. Da diese Funktion möglicherweise die Privatsphäre des Benutzers verletzt, sind Informationen zum Benutzerstandort nicht verfügbar, es sei denn, der Benutzer stimmt zu.

Dieser Artikel ist eine Zusammenfassung der neuen Funktionen von HTML5. Ich hoffe, dass er Freunden in Not hilfreich sein wird.

Wenn Sie mehr über Frontend-bezogenes Wissen erfahren möchten, können Sie dem HTML5-Video-Tutorial, dem Bootstrap-Tutorial und anderen verwandten Tutorials auf der PHP-Chinesisch-Website folgen Jeder zum Nachschlagen und Lernen!

Das obige ist der detaillierte Inhalt vonWas ist HTML5? Was sind die neuen Funktionen von HTML5? (Zusammenfassung mit Code). 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

In Verbindung stehende Artikel

Mehr sehen