HTML5, Die fünfte Hauptveränderung der Super -Text -Marke (HTML).
HTML5 enthält neue Elemente, Attribute und Verhaltensweisen und enthält auch eine Reihe von Technologien, mit denen Websites vielfältiger und leistungsfähiger werden können.
Die neuen Funktionen sind nicht sofort verfügbar, aber nach der Formulierung von HTML4.01 (1999) ändert es sich in diesem Zeitraum ständig und das endgültige Manuskript wird abgeschlossen.
HTML5 -Standards zerstören nicht die vorherigen Webseiten, und Webseiten, die den HTML4.01 -Standard entsprechen, sind in HTML5 immer noch effektiv.
Standard -URL: https://www.w3.org/tr/html5////
Feste Manuskriptzeit: 28. Oktober 2014
InhaltIm Vergleich zum vorherigen HTML4.01 hat HTML5 stark zugenommen:
① Neue semantische Elemente: <artikels>, <ABSCHNITT>, <BILDER>, <FigCaption>, <fouter>, <header>, <hGroup>, <nav>, <Abschnitt> usw.
② Neue Elementmerkmale: Erhöhen Sie neue Elementattribute, Tabelleneinheitselemente, Überprüfungsfunktionen usw.
③ Multimedia: Addio> Audio, <video> Videoelemente und andere Inhalte hinzufügen.
④ 2d/3d Zeichnung: Fügen Sie <Leinwand> Zeichnungselement hinzu.
⑤ Speicherung: Steigern Sie Online- und Offline -Speicherfunktionen.
⑥ Konnektivität: Erhöhen Sie zwei Inhalte des Clients Interagieren Sie mit dem Server: Web-Sockets (Client und Server-Dauerhafte Verbindung) und Server-seent-Ereignisse (Server-Push-Daten) usw.
⑦ Integriert: Bieten Sie leistungsstarke Funktionen wie Webarbeiter, History -API, RequestArimationFrame und geografischer Standort.
⑧ Gerätezugriff: Bieten Sie Unterstützung für Kameras und mobile Geräte.
式 CSS3 -Stil: Bietet neue Hintergrundstil -Eigenschaften, Animation, Rand und andere Stile.
BrowserunterstützungJeder Mainstream -Browser unterscheidet sich von HTML5. Unter ihnen ist der IE die Funktion der Unterstützung von HTML5 aus der 9. Version (nicht alle Funktionen von HTML5).
Wenn Sie wissen möchten, dass eine Funktion von HTML5 von jedem Browser unterstützt wird, können Sie sich bei der Abfrage bei http://caniuse.com/ anmelden.
Wenn Sie das Element <umio> als Beispiel nehmen, können Sie die Unterstützung jedes Browsers anzeigen:
Erstellen Sie HTML5 -SeiteFühren Sie die Änderung von HTML5 von der Seite ein.
<!Die erste Zeile der traditionellen HTML -Seite muss eine bestimmte Anweisung für Dokumenttypen sein, die sich auf die Format- und Layout -Anzeigeseite des Browsers bezieht.
HTML4.01 basiert auf SGML (Standard -Universal -Label -Sprache), also <!
HTML5 basiert nicht auf SGML, daher ist DTD nicht erforderlich.
HTML4.01 Seite:[Code] <!
HTML5 -Seite:<!<html> Tag
Stellen Sie den Namensraum ein
Das XMLNS -Attribut in der XMLNS -Attribut <html> kann ein oder mehrere optionale benannte Leerzeichen definieren. Der Browser verwendet diesen Namensraum zu den Elementen in der Seite, auf der sich das Attribut befindet.
Wenn dieses Attribut weggelassen wird, wird der Standardwert durch http://www.w3.org/1999/xhtml ersetzt.
Seitensprache festlegen<html> Lang-Eigenschaft im Etikett kann die natürliche Sprache der Seite angeben, wie z. Beispiel:
<html leng = zh-cn> </html><Meta> Tageinstellungen Zeichenkodierung
<Meta> Meta-Information kann bereitgestellt werden, z. B. Schlüsselwörter für Suchmaschinen.
Unter ihnen definiert das Charset -Attribut den Zeichencode der Seite, mit dem der Textinhalt der Seite während der Anzeige in ein angegebenes Codierungsformat umwandeln kann.
UTF-8 bevorzugt im Webdesign:
<kopf> <meta charset = utf-8/> <title> Seitentitel </title> </head>Zitatstiltabelle
Im Vergleich zu den vorherigen HTML4.01 lassen HTML5 die Eigenschaft type = text/css aus, wenn die Referenzstil -Tabelle:
<Head> <meta charset = utf-8/> <title> Seitentitel </title> <link r = stylesheet href =/styles/site.css> </head>Zitat JavaScript -Datei
In HTML5 wird beim Zitieren der JavaScript -Datei das Attribut type = text/javaScript weggelassen:
<Head> <meta charset = utf-8/> <title> Seitentitel </title> <script src =/scripts/jqury-1.7.2.js> </head> </head>Vollseitiges Beispiel
Unten finden Sie eine vollständige HTML5 -Seite:
<! /Scripts/jquery-1.7.2.js> </script> </head> <body> <p> Körperbereich </p> </body> </html>