In diesem Artikel wird hauptsächlich die grundlegenden Merkmale und Syntax von HTML5 vorgestellt, was das Grundwissen in der Einführung in HTML5 ist. Freunde, die es brauchen, können sich auf HTML5 -Übersicht verweisen
HTML5 ist die nächste wichtige Version des HTML -Standards, um HTML 4.01, XHTML 1.0 und XHTML 1.1 zu ersetzen. HTML5 ist auch ein Standard für den Aufbau und die Präsentation von Inhalten im World Wide Web.
HTML5 ist das Produkt der Zusammenarbeit zwischen der World Wide Web Alliance (W3C) und der Arbeitsgruppe zur Hypertext -Technologie von Webseiten (WHITWG).
Dieser neue Standard enthält Funktionen wie Video-Wiedergabe und Drag-and-Drop, die früher auf Browser-Plug-Ins von Drittanbietern wie Adobe Flash, Microsoft Silverlight und Google Gears beruhen.
BrowserunterstützungDie neuesten Versionen von Apple Safari, Mozilla Firefox und Opera unterstützen die meisten HTML5 -Funktionen und IE9 unterstützt auch einige HTML5 -Funktionen.
Mobile Browser, die auf iPhones, iPads und Android -Telefonen vorinstalliert wurden, haben eine gute Unterstützung für HTML5.
Neue FunktionenHTML5 führt viele neue Elemente und Attribute vor, mit denen wir moderne Websites erstellen können. Hier sind die von HTML5 eingeführten Hauptmerkmale:
Neue semantische Elemente: wie <header>, <fouter> und <abschnitt>.
Formular 2.0: Verbesserte HTML -Webformulare und einige neue Eigenschaften in das <eintrag> -Tag.
Persistierter lokaler Speicher: Damit nicht durch Drittanbieter-Plugins implementiert werden können.
WebSocket: Die nächste Generation von Zwei-Wege-Kommunikationstechnologie für Webanwendungen.
Server -Push -Ereignisse: HTML5 führt Ereignisse von einem Webserver in einen Webbrowser ein, der auch als Server -Push -Ereignisse (SSE) bezeichnet wird.
Canvas: Unterstützt die programmatische zweidimensionale Zeichnung mit JavaScript.
Audio und Video: Einbetten Sie Audio oder Video in Webseiten ein, ohne dass Plug-Ins von Drittanbietern erforderlich sind.
Geolokalisierung: Benutzer können ihre Geolokalisierung mit unserer Webseite teilen.
MicroData: Ermöglicht es uns, benutzerdefinierte Vokabeln außerhalb von HTML5 zu erstellen und Webseiten mit benutzerdefinierten Semantik zu erweitern.
Drag & Drop: Ziehen Sie einen Eintrag auf derselben Webseite von einem Ort zum anderen.
Rückwärts kompatibelHTML5 ist für vorhandene Browser so rückständig wie möglich. Neue Funktionen basieren auf vorhandenen Funktionen und ermöglichen es uns, alternative Inhalte für alte Browser bereitzustellen.
Es wird empfohlen, eine kleine Menge JavaScript -Code zu verwenden, um die Unterstützung einer einzelnen HTML5 -Funktion zu erkennen.
HTML5 -SyntaxHTML5 verfügt über eine eigene HTML -Syntax, die mit HTML 4- und XHTML1 -Dokumenten kompatibel ist, die im Web veröffentlicht wurden, aber nicht über die komplexeren SGML -Funktionen in HTML 4 verfügt.
HTML5 erfordert keine Kleinbuchstaben -Tag -Namen in XHTML, Attribute müssen zitiert werden, Attribute müssen einen Wert haben, und Syntaxregeln, die alle leeren Elemente schließen müssen.
HTML5 ist jedoch flexibler und unterstützt die folgenden Formulare:
Tagennamenkapitalisierung.
Doppelte Zitate für das Attribut sind optional.
Der Attributwert ist optional.
Das geschlossene leere Element ist optional.
DocType
In älteren Versionen von HTML ist docType lang, da die HTML -Sprache auf SGML basiert und eine DTD erfordert, um zu verwiesen.
HTML5 -Autoren können die einfache Syntax verwenden, um die folgende Form von docType anzugeben:
XML/HTML -Code -Inhalt in die Zwischenablage kopieren