1. Hauptfunktionen der neuen HTML5 -Funktionen
1. Lokale Audio- und Video -Wiedergabe;
2. Animation;
3. Geografische Informationen;
4. Hardwarebeschleunigung;
5. Laufen Sie lokal (auch nachdem die Internetverbindung unterbrochen wurde);
6. Lokale Lagerung;
7. Drag & Drop -Dateien vom Desktop, um sie in den Browser hochzuladen.
8. Semantische Marker;
2. Aktueller Status der HTML5 -Anwendung
Heute haben wichtige Browser eine unterschiedliche Unterstützung für HTML5. Wir freuen uns darauf, dass sie innerhalb von ein oder zwei Jahren konsistent werden. Sie denken vielleicht, dass, da dies der Fall ist, wahrscheinlich nur wenige Menschen diesen zukünftigen Standard verwenden. Dies ist nicht der Fall. HTML5 wurde jetzt weit verbreitet. Wie William Gibson sagte, ist das zukünftige Web angekommen, wurde aber noch nicht weit verbreitet.
Möglicherweise wissen Sie nicht, dass die Homepage von Google auch HTML5 verwendet, aber derzeit verwendet sie nur HTML5 docType, und der Rest der Seite ist immer noch alter Code, aber Google hat in ihren verschiedenen Anwendungen HTML5 weit verbreitet. Das typischste Beispiel ist Google Mail. Mit HTML5 -Offline -Speicher können Benutzer auch dann Google Mail verwenden. Darüber hinaus verwendet Google Docs den Offline -Speicher. Ähnliche Anwendungen anderer Hersteller, die auch Offline -Speicher verwenden, umfassen die Office Suite von Zoho und die Blog -Plattform von WordPress. Wenn Sie an Offline -Speicher von HTML5 interessiert sind, können Sie sich die Art und Weise ansehen, wie Sie Ihre Apps Offline -Support hinzufügen können.
3.. Scribd HTML5-basierte Dokumentenleser
Das obige Bild ist der neue Dokumentleser von Scribd, alle basierend auf Webstandards und nicht mit Flash verwenden
Zusätzlich zu Videos kann HTML5 Flash in vielen Aspekten ersetzen. Die Dokument -Sharing -Site Scribd gab kürzlich bekannt, dass sie HTML5 verwenden werden, um Flash für die Implementierung von Dokumentenlesern zu ersetzen. Scribd ist das beste Beispiel für die erstaunlichen Funktionen, die HTML5 in Kombination mit CSS erreichen kann. Sie verwenden auch @font-face, um personalisierte Schriftarten zu implementieren. Darüber hinaus basiert der Transformationseffekt beim Drehen von Seiten auch vollständig auf CSS3. Die Kombination dieser Standard-Web-Tools ermöglicht es ScribD, die übertriebene HTML von Flash zu reinem HTML zu erreichen, ohne die Funktionalität von Dokumenten in Struktur, Schriftarten, eingebettete Bilder, Ebenen, Ebenen usw. zu beeinträchtigen. Scribds neueste Dokumentleser unterstützen sogar IE6.
4. HTML5 -Leinwand und HTML5 -Videos
Invaders Classic Game basierend auf HTML5 -Canvas -Objekten
Obwohl Scribds Anwendung von Leinwand hervorragend ist, können wir mehr solcher Websites finden. Canvas Demos verfügt über eine Reihe von Anwendungen über Leinwand, von verschiedenen Online -Spielen bis hin zu Regenbogenanwendungen, die Farben von Webseiten extrahieren.
Die typischsten Beispiele zu Videos sind YouTube und Vimeo, die beide HTML5 -Versionen bieten.
5. HTML5 Geografische Informationspositionierung
Klicken Sie auf den Kreis über dem gelben Bösewicht in der Karte, um Google Maps Ihren geografischen Standort zu mitteilen
Ein weiteres Merkmal von HTML5 ist die Geolokalisierungsfunktion. Einige Browser bieten Geolocation -API an, die ebenfalls von W3C verwaltet wird und HTML5 kombinieren kann, um Ihren aktuellen Geolocation -Standort zu erreichen. Google Maps Mit dieser Funktion befindet sich ein kleiner Kreis auf Google Maps. Klicken Sie einfach, um Google Maps mitzuteilen, wo Sie sich jetzt befinden. Derzeit wird die Geolocation -API von vielen Desktop -Browsern (nur Chrome und Firefox 3.6+) nicht weit verbreitet, aber das Google Gears -Plugin kann älteren Browsern helfen, diese Funktion zu implementieren.
Twitter verwendet dies, um geografische Informationsmeldungen zu realisieren. Wenn der Browser die Geolocation -API unterstützt, wird die API automatisch verwendet. Andernfalls werden Google Gears verwendet.
6. Weitere Bedeutungen von HTML5
HTML5 hat viel mehr Bedeutung als die oben genannten. Die größte Bedeutung liegt darin, die Struktur von Webdokumenten zu ändern. Mit Hilfe von Header, Fußzeile, Abschnitt, Artikel usw. können wir strukturiertere und semantische Webdokumente implementieren. Auf diese Weise können Suchmaschinen auf einfache Weise Websites in der Index von Websites indexieren, und wir können auch schnellere und genauere Informationen durchsuchen.
Es gibt unzählige Websites, die die neuen HTML5 -Tags verwenden, und Sie finden eine große Anzahl solcher Websites in HTML5Gallery. Wenn Sie jetzt die neue HTML5 -Struktur verwenden möchten, können Sie sich dieses HTML5 -Tutorial genauso gut ansehen.
Darüber hinaus kann HTML5 mit Hilfe von Mikrodaten auch eine leistungsstärkere semantische Struktur implementieren. Mit diesem standardisierten Datenformat (ähnlich wie mit Mikroformaten) kann Ihre Website nicht nur Daten bereitstellen, sondern auch Datennminorien bereitstellen. Microdata ist sowohl für Browser als auch für Suchmaschinen von großer Bedeutung. Suchmaschinen können Microdata verwenden, um Freunde in Ihrem Netzwerk zu entdecken, und Browser können eine Verbindung zu Ihrer Website für soziale Netzwerke herstellen. Sie können dies im Rich Snippets Testing Tool von Google erleben.