Die Entwicklung des Internets führt ständig zur Entstehung neuer Technologien, und HTML5 und CSS3 sind heiße Themen, die kürzlich diskutiert wurden. Was genau gibt es für HTML5 und CSS3, die uns zum Glanz bringen? Ich habe mit Ihnen " HTML5 und CSS3 " auf der WebReBuild Peking Exchange Conference und der Pearl Milk Tea -Gang geteilt.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Der Vorgänger des HTML 5 -Entwurfs wurde von Whatwg im Jahr 2004 als Webanwendungen als von W3C angenommen und ein neues HTML -Arbeitsteam eingerichtet. Am 22. Januar 2008 wurde der erste offizielle Entwurf veröffentlicht. HTML 5 ist der größte Sprung in den Webentwicklungsstandards im letzten Jahrzehnt. Im Gegensatz zu früheren Versionen wird HTML 5 nicht nur zur Darstellung von Webinhalten verwendet sind standardisiert. Schauen wir uns also den technischen Überblick über HTML5 an:
HTML5 hat viele Multimedia- und interaktive Elemente wie Video und Audio hinzugefügt. Das ist in Ordnung, genauso bequem wie das IMG -Tag. In Bezug auf das Seitenlayout und die Implementierung von Inhalten hat HTML5 viele strukturierte Tagelemente, Blockebene und semantische Elemente hinzugefügt. . Es gibt ein Wertattribut, wie viele Aufgaben erledigt wurden, und ein maximales Attribut beschreibt, wie viele Aufgaben insgesamt benötigt werden. Der Prozentsatz der Aufgabenabschluss. YouTube hat einen Versuch in der HTML5 -Technologie unternommen. Natürlich hat HTML5 einige Elemente auch einige Attribute hinzugefügt, z. Skript. Für alle HTML -Attribute nennen wir sie normalerweise "globale Attribute", wie z. B. Klassen-, ID, Tabindex, Title. HTML5 fügt auch die Unterstützung von Microdata hinzu, wie z.
Natürlich hat HTML5 auch einige Elemente entfernt, die die Seitenanzeige darstellen, wie z. Entfernt, wie Rahmen, Frameset, Noframe und einige ungewöhnliche Elemente wie Akronym und ABBR werden verwendet, um die Abkürzung darzustellen. HTML5 beseitigt auch eine HTML -Vertrautheit, die die Kundenkompatibilität beeinflusst, z.
HTML5 bietet leistungsstarke Kontrolltypen wie URL, E -Mail, Datum, Tel usw., leistungsstarke Einschränkungen, wie z. XML -Einreichungsmethode, so dass die vom Server empfangenen Daten im XML -Format und das HTML5 -Formular als "Webformulare 2.0" definiert sind.
Klicken Sie hier, um Webformulare 2.0 Demo anzuzeigen, Opera9.5+ ist erforderlich
Viele HTML5 -Schnittstellen erben HTMLDOCUMENT in DOM Level 2 HTML. Ausgewählt Das Objekt des Selektors hat zwei Methoden auf dem QuerySelector- und QuerySelectorAll, mit dem die Elemente basierend auf dem CSS -Selektor abfragen können, was Y.one und Y.All in Yui3 entspricht.
Welche APIs haben HTML5 zu JavaScript hinzugefügt?
Video/Audio: HTML5 bietet APIs für Video und Audio, mit denen Entwickler ihre eigenen Benutzeroberflächen steuern können, z. B. das Spielen oder Pause von Medieninhalten.
Canvas: Canvas ist ein neues HTML -Element, das von Skriptsprache (normalerweise JavaScript) verwendet werden kann, um Grafiken zu zeichnen. Zum Beispiel kann es verwendet werden, um Bilder zu zeichnen, Bilder zu synthetisieren oder einfache (und nicht so einfache) Animationen durchzuführen. Canvas ist eine magische Sache. FILLSTYLE oder setzen Sie seine Schlaganfallfarbe durch Strokestyle, und selbst der Betrieb von Zeichnungswegen fällt mit dem Stiftbetrieb von Photoshop zusammen. Leinwand verfügt bereits über Anwendungen auf vielen Websites, z.
Drag & Drop: In den visuellen Medien, die das Gerät angeben, ist der Betrieb von "Drag" das Ereignis von Maus nach unten und Mousemove mit Mousemove, und "Drop" ist ein Ereignis, das ausgelöst wird, wenn die Maus freigegeben wird. Die DataEvent- und Datatransfer -Schnittstellen sind in Drag & Drop definiert.
Webarbeiter: Machen Sie JavaScript Multi-Threading und können im Hintergrund viel arbeiten, ohne die aktuellen Browservorgänge zu blockieren.
Geolocation: Geolocation. Das Positionsobjekt. auf einigen Mobiltelefonen wie iPhones.
Anwendungs -Cache: Dies ist die Unterstützung von HTML5 für Offline -Anwendungen. . Für Offline -Anwendungen hat Google auch die Google Gears -Browser -Erweiterung entwickelt. Am Ende kann Googles Wechsel zu HTML5 jedoch auch die Vorteile des HTML5 -Speichers und der Offline -Anwendungen sehen.
Speicher: Webkit hat den Datenbankspeicher implementiert. Sie können Daten abfragen und einige Vorgänge wie eine Backend -Operation -Datenbank ausführen. Es gibt eine andere Art von Speicher, wie SessionStorage und LocalStorage, die über SetItem und GetItem gespeichert und erhalten werden können.
X-Dokument-Messaging: Der Browser blockiert die Kommunikation von Dokumenten zwischen verschiedenen Domänen aufgrund von Sicherheit und Privatsphäre. Die Kommunikation über eine Kreuzdokument-Kommunikation kann erreicht werden, sodass wir ignorieren können, woher die Quelldomäne stammt, und gleichzeitig Skriptangriffe verhindern.
Hat HTML5 dich aufgeregt? Wann wird HTML5 zum Standard? Es wird gesagt, dass es bis 2022 dauern wird, und es gibt eine sehr interessante Website http://ishtml5readyet.com/, um Ihnen mitzuteilen, wie viele Tage es in HTML5 gibt.