Heim > Web-Frontend > H5-Tutorial > Hauptteil

HTML5 verändert die Web-Welt. Wie wird es das Internet verändern? Tutorial-Tipps zu HTML5

WBOY
Freigeben: 2016-05-16 15:50:36
Original
1298 Leute haben es durchsucht

 Wird HTML5 die Webwelt neu gestalten?

Ein schwerwiegender Vorfall im ersten Halbjahr 2010 erregte die Aufmerksamkeit vieler Menschen, von denen viele durch diesen Vorfall erstmals von der Existenz von HTML5 erfuhren. Menschen, die sich zum ersten Mal mit HTML5 befassen, werden möglicherweise sehr überrascht sein. Die HTML5-Spezifikation wurde bereits vor 6 Jahren formuliert. Obwohl der Entwurf der HTML5-Spezifikation bereits sehr gut ist, ist es noch ungewiss, wann sie tatsächlich zum Standard wird.

Tatsächlich schreitet die Arbeit des HTML5-Spezifikationsentwicklungsausschusses sehr langsam voran. Denn es gibt so viele Ideen von Browser-Anbietern und anderen, wie man Browser und die Web-Welt verbessern kann, und es braucht Zeit, bis diese zusammengeführt und in der HTML5-Spezifikation vereinbart werden. Obwohl in einigen Browsern mit vielen neuen Tags und JavaScript-Funktionen experimentiert wurde, sind Interoperabilitäts- und Standardisierungsprobleme noch nicht gelöst. Während beispielsweise die HTML5-Demos von Apple beeindruckend sind, funktionieren sie nur auf Safari gut. Aus diesem Grund verspotten Flash-Befürworter HTML5 als eine Rückkehr des Webs zu den Browserkriegen des Jahres 2000.

Obwohl diese Art von Spott HTML5-Unterstützer traurig machen kann und das lange Warten tatsächlich schwierig ist, ist es falsch, HTML5 zu ignorieren. Denn hinter HTML5 steckt nicht nur die Förderung von Branchenriesen, sondern, was noch wichtiger ist, die Standardisierung ist ein unvermeidlicher Trend in der Entwicklung der IT-Technologie. Was Software betrifft, egal ob es sich um Browser oder verwandte Entwicklungstools handelt, werden sie weiterhin verschiedene umgebende Technologien absorbieren und sie schließlich standardisieren. Dies ist ein unvermeidliches Gesetz der technologischen Entwicklung.

Natürlich wird HTML5 alle Aspekte des Internets verändern. Offensichtlich wird es Flash nicht vollständig ersetzen, aber HTML5 wird das Internet tatsächlich umgestalten und es Browsern ermöglichen, mehr Arbeit ohne die Hilfe von Plug-Ins zu erledigen, von der Standortverfolgung bis hin zu Die Daten werden in der Cloud gespeichert. HTML5-Tags ersetzen Plug-Ins, die einfachere Aufgaben ausführen, und können zumindest zeitweise erweiterte Funktionen für mehr Benutzer bereitstellen. Letztendlich könnte es das Internet sicherer, effizienter und flexibler machen.

Wohin führt uns also HTML5, das im Begriff ist, zum neuen Standard zu werden? Hier finden Sie einige Meinungen von Entwicklern, Programmierern und Designern, anhand derer Sie erfahren können, wie HTML5 das Internet verändert.

  Reduzieren Sie die Bedeutung von Plug-Ins

In der Vergangenheit standen Browser-Plug-ins in der Web-Welt sehr offen zur Verfügung, da sie innovative Ideen und mutige Experimente förderten. Sounds, Animationen und andere sehr lebendige Webseiten wurden von Sun, Adobe, RealAudio, Microsoft und anderen entwickelt Das entwickelte Plug-in ist in der Tat erfrischend, wenn es zum ersten Mal im Internet präsentiert wird. Es traten jedoch bald Probleme auf. Die Plug-in-Schnittstelle stand allen offen und alle versuchten, der alten, textbasierten Welt neue Funktionen hinzuzufügen. Das bekannteste Plug-in ist Flash, und es gibt unzählige weitere ähnliche Plug-ins.

Aus verschiedenen Gründen verbietet Apple die Ausführung von Adobes Flash auf seiner eigenen Plattform, was die Mehrheit der Apple-Fans daran hindert, Flash auf der Apple-Plattform zu sehen. Aufgrund der Popularität von HTML5 wird dieser Konflikt nicht mehr auftreten auslaufen: JavaFX mag wirklich leistungsstark sein, aber warum sollte man eine andere Syntax lernen, wenn JavaScript- und Canvas-Objekte die gleiche Aufgabe erfüllen können? Wenn der Video-Tag Audio und Video synchronisieren kann, wer braucht dann das Ökosystem von Real?

Werden also wirklich alle Plug-Ins verschwinden? Vielleicht, aber es hängt davon ab, was Sie tun möchten. Wenn Sie nur ein Bild zeichnen möchten, reicht möglicherweise ein Canvas-Objekt aus. Wenn Sie jedoch eine professionelle 3D-Welt aufbauen möchten, wie sie in komplexen Flash- und Shockwave-Spielen zu sehen ist, müssen Sie möglicherweise auch auf proprietäre Plug-in-Technologie zurückgreifen, da diese Plug-in-Technologie direkt auf die Video-Hardware zugreifen kann, um das 3D-Spiel auszuführen .

 Unterstützt dynamisch generierte Bilder

Früher stammten die auf Webseiten angezeigten Bilder von direkt heruntergeladenen GIF- oder JPG-Bildern, aber in HTML5 stammen Bilder möglicherweise nicht direkt aus Bilddateien, sondern werden vorübergehend von einem Canvas-Objekt (Canvas) generiert. Im Internet sind viele sehr gute Grafikbibliotheken erschienen, und die Existenz dieser Grafikbibliotheken erleichtert die dynamische Generierung von Bildern.

Heutzutage kann die JavaScript-Ebene Berechnungen auf der Grundlage von Daten durchführen und anschließend Grafiken zeichnen. Wenn Softwareentwickler genug Zeit und Talent haben, können sie alles im Internet anschaulicher gestalten und die Menge an Klartextinhalten reduzieren. Flash ist erst der Anfang und die HTML5-Umgebung erleichtert Webentwicklern die Entwicklung komplexer Bilder. Auf dem Markt sind einige ähnliche Tools aufgetaucht, die die Fähigkeit von Webentwicklern, Bilder zu steuern, weiter verbessern werden. Mit zunehmender Reife der Tools werden Entwickler auch immer professionellere, komplexe Grafiken entwickeln.

Ein mögliches Problem hierbei besteht darin, dass diese Art der Bildverarbeitung den Client-Prozessor stark belasten kann, beispielsweise bestimmte Anforderungen an die Verarbeitungsfähigkeiten des Client-Prozessors. In der Vergangenheit trauten sich einige Entwickler überhaupt nicht, Flash-Plug-Ins zu verwenden, da das Rendern und Anzeigen von Flash-Inhalten den Prozessor stark belasten und das Enderlebnis des Benutzers stark beeinträchtigen konnte. Dies sollte in Zukunft kein Problem darstellen und Entwickler sollten den Benutzern nicht aus Angst vor Leistungseinbußen lebendige Grafiken verweigern, sondern Entwickler sollten einen Kompromiss eingehen. Jeder, der sich über die Auswirkungen von Flash auf die Leistung beschwert, sollte wissen, dass dies nichts mit der Technologie selbst zu tun hat. Das Problem besteht darin, dass Designer es zu häufig verwenden, um unsere Aufmerksamkeit zu erregen.

 Webprogrammen erlauben, lokalen Speicher zu nutzen

Webprogrammierer konnten tatsächlich den lokalen Speicherplatz im Browser nutzen, um viele Informationen zu speichern. Beispielsweise erlaubt der IE bis zu 300 Cookies und speichert bis zu 4096 Bytes an Inhalten. Um wirklich nützliche Webprogramme zu entwickeln, benötigen Sie jedoch möglicherweise mehr Speicherplatz. Das frühere Dojo-Toolkit verwendete beispielsweise Flash-Plug-Ins, um einen Teil des Speicherplatzes auf der Festplatte des Benutzers zuzuweisen und ihn dem Browser zur Nutzung zu überlassen. Jetzt ist es jedoch sehr einfach und derselbe Zweck kann mit HTML5 erreicht werden.

Programmierer können diesen Teil des Speichers entsprechend ihren eigenen Anforderungen nutzen, beispielsweise zum Speichern von Cloud-Dienstanwendungen und Daten auf lokalen Festplatten. Dadurch ähneln Bereitstellung, Installation und Bereitstellung von Cloud-Anwendungen auch herkömmlichen Anwendungen. Beispielsweise können Cloud-Anwendungen unabhängig von einer Internetverbindung wie gewohnt ausgeführt werden, da der JavaScript-Code der HTML5-Anwendung zuvor vom Server heruntergeladen wurde und dieser Teil des Codes lokal gespeichert wird.

Natürlich hat die Anwendung dieser Technologie keinen Einfluss auf die Beliebtheit von Cloud-Anwendungen, da sich der aktuelle Betriebsmodus stark von der Vergangenheit unterscheidet und die lokale Datenbank tatsächlich die Rolle des intelligenten Cachings spielt. Darüber hinaus können Spieleentwickler einige Situations- und Ausrüstungsinformationen lokal speichern, sodass diese Informationen nicht jedes Mal heruntergeladen werden müssen, wenn der Computer angeschlossen wird, und die Zeit für das Herunterladen von Daten gespart wird. Der Nachteil besteht darin, dass diese Datenbanken tief in Systemordnern vergraben sind, was die Datensicherung sehr kompliziert macht. Wenn Benutzer Daten von einem Computer auf einen anderen migrieren möchten, kann die Datenmigrationsarbeit komplizierter werden.

Vielleicht kann das Aufkommen der Hybrid Cloud dieses Problem lösen. Die Hybrid Cloud ermöglicht die Speicherung von Daten sowohl in der Cloud als auch lokal, während der lokale Computer die Daten nur zwischenspeichert und die endgültige Version in der Cloud speichert kann von jedem Computer aus aufgerufen werden.

 Vereinfachung der Datenextraktion in der Webentwicklung

Webentwickler, die schon einmal Daten aus Webseiten extrahiert haben, wissen, dass die vorhandene HTML-Struktur kaum aussagekräftige Informationen liefern kann, außer dem Browser mitzuteilen, wo sich die Informationen befinden. Entwickler müssen Informationen über die Daten selbst kennen, die Programmierern helfen können, zu verstehen, was die Daten wirklich bedeuten. Das sogenannte Mikroformat in HTML5 führt einen neuen Mechanismus ein, der HTML einige neue spezielle Tags hinzufügt, die Programmierern helfen können, die wahre Bedeutung der Daten in den Tags zu analysieren.

Niemand kann vorhersagen, wie viel Veränderung Mikroformate im Netzwerk mit sich bringen werden, aber es ist leicht zu erkennen, dass dieser neue Mechanismus Programmierern großen Komfort bietet und ihnen hilft, effizientere Webanwendungen zu entwickeln. Wenn es beispielsweise eine gute Standardmethode zur Darstellung von Datum und Uhrzeit gibt, müssen Programmierer bei der Entwicklung zeitbezogener Webprogramme für Websites keinen zusätzlichen speziellen Code schreiben, um zu analysieren oder zu erraten, welches Zeitformat andere möglicherweise verwenden. Auf diese Weise werden Anwendungen wie Kalender, Zeitpläne und Zeitpläne, die Zeitinformationen aus mehreren Datenquellen sammeln müssen, zu einer sehr einfachen Aufgabe.

 Unterstützung von Ortungsdiensten

In der Web-Welt kannten wir in der Vergangenheit nur die IP-Adresse. Wir hatten keine Ahnung, welcher Art von realer Welt diese Zahlen entsprachen. Früher war es beispielsweise fast unmöglich zu wissen, wo sich ein bestimmter Computer befand, doch jetzt können Ortungsdienste dieses Problem lösen. Der HTML5-Standard ermöglicht es JavaScript, den geografischen Standort des Browserbenutzers abzufragen, beispielsweise Informationen zum Breiten- und Längengrad. Normalerweise unterstützen Desktop-Systeme diese Funktion nicht (da sie GPS oder WLAN erfordert), aber wenn es sich bei dem Terminal um ein Handheld-Smartphone handelt, kann diese Funktion ins Spiel kommen.

Heute weiß niemand, welche Anwendungen intelligente Programmierer auf der Grundlage dieser Standortinformationen erstellen werden, aber eines ist sicher: Die Zukunft wird die virtuelle Welt auf unvorhersehbare und unglaubliche Weise mit der Realität verbinden. Die Welt kommt zusammen.

 Machen Sie die Wiedergabe von Webvideos flüssiger

Das Video-Tag in HTML5 ermöglicht Webentwicklern die einfache Integration von Videoinhalten mit anderen Inhalten auf der Webseite. Außerdem können diejenigen, die sich mit jQuery- und PHP-Entwicklung befassen, dem Webentwicklungsteam beitreten, sodass eine Webentwicklung nicht mehr erforderlich ist. Nur für Flash-, Silverlight- und JavaFX-Entwickler.

Obwohl diese Idee verlockend erscheint, gibt es dennoch viele Schwierigkeiten, da im HTML5-Standard keine Codecs spezifiziert sind und jeder seine eigenen Video- und Sound-Codecs veröffentlichen möchte. Das bedeutet, dass wir eine Verwirrung durch eine andere ersetzen: Früher nannten wir die im Browser eingebettete Software nur Plug-In, heute nennen wir sie Codec. Heute haben wir also ein Standard-Video-Tag, aber der Browser weiß möglicherweise nicht, wie er den Videoinhalt interpretiert.

Erich Ocean, ein Dozent für HTML5-Anwendungsentwicklung, der in Los Angeles unterrichtet, glaubt, dass der Codec-Krieg immer noch andauert. Computerentwickler und die Mozilla-Organisation irren sich leider, wenn sie glauben, sie könnten Videostandards für Videoprofis erstellen. Er sagte, dass das neue Videoformat von Google zwar an manchen Orten zum Einsatz kommen werde, beispielsweise auf YouTube, es aber nie so allgegenwärtig sein werde wie H.264.

Obwohl die Videowiedergabe möglicherweise chaotisch ist, da sich nicht alle einigen können, wird das neue Video-Tag den Internet-Videoinhalt definitiv immer reichhaltiger machen. Gleichzeitig wird die Webseite zur Hauptveröffentlichungsquelle für Videoinhalte Zeit einfach Es wird immer weniger Textinhalte geben. Es ist nur so, dass dies möglicherweise keine gute Sache für die Bildung von Kindern ist, da sich die Kinder von heute immer mehr daran gewöhnen, Zeichentrickfilme anzusehen, und kaum noch Zeit mit Lesen, geschweige denn mit Schreiben verbringen.

Widgets werden umfangreicher sein

Widgets, die in Iframes ausgeführt werden, ermöglichen es Webseiten, Inhalte von anderen Websites (z. B. Wettervorhersagen) einzubetten, was sehr praktisch und sehr beliebt ist. Aus Sicherheitsgründen wurden diese Widgets jedoch immer in einer relativ unabhängigen Umgebung ausgeführt. , weitgehend isoliert von anderen Inhalten auf der Webseite.

HTML5 bietet einen Standardmechanismus für die Kommunikation dieser Widgets untereinander. Obwohl sie immer noch nicht auf die Betriebsumgebung des anderen zugreifen können, können sie sich bereits gegenseitig Nachrichten senden, um zusammenzuarbeiten.

Darauf haben Werbetreibende schon lange gewartet. Sie hoffen sehr, an verschiedenen Stellen auf derselben Webseite verteilte Bannerwerbung zu integrieren. Aus Entwicklungssicht werden Entwickler sicherlich andere praktische Verwendungsmöglichkeiten finden. Beispielsweise kann der auf der Webseite wiedergegebene Tennisspielbildschirm mit den Spielerinformationen auf der linken und rechten Seite synchronisiert werden, was in der HTML 1.0-Ära undenkbar war.

Die Fähigkeit, Informationen zu senden und miteinander zu kommunizieren, ist jedoch nur der Anfang. Das nächste Problem, das gelöst werden muss, ist das Problem des Kommunikationsprotokolls, da es in diesem Bereich noch keinen Standard gibt. Nur durch die Etablierung eines Standards für die Informationsübertragung ist es möglich, dass von zwei verschiedenen Entwicklungsteams entwickelte Widgets miteinander kommunizieren. Mit anderen Worten: Beide Kommunikationspartner benötigen mehr Standardvokabular.

 Browsersicherheit verbessern

Jedes Browser-Plug-in ist eine separate Anwendung. Verschiedene Browser-Plug-ins werden von verschiedenen Programmierern nach unterschiedlichen Standards entwickelt, zu unterschiedlichen Zeiten veröffentlicht und verfügen über unterschiedliche Sicherheitsmodelle. Natürlich sind einige Plugins sicherer als andere. Da es immer mehr Plug-ins in Browsern gibt, wird es immer komplexer, mögliche Sicherheitslücken in jedem Browser-Plug-in zu verfolgen. Beispielsweise kann es für jemanden schwierig sein, sich genau zu erinnern, ob eine Sicherheitslücke in Ihrem Unternehmen Ende letzten Jahres durch ein Plug-in oder einen Browser verursacht wurde und ob diese schließlich durch ein Upgrade des Browsers behoben wurde, anstatt den Browser zu aktualisieren Plug-in oder umgekehrt.

Die Integration vieler Funktionen in HTML5 anstelle der Verwendung von Plug-Ins kann Sicherheitsrisiken erheblich reduzieren, Probleme in mehreren Aspekten im Zusammenhang mit der Plug-In-Entwicklung vermeiden und verhindern, dass jemand absichtlich die API im Plug-In verwendet, um bösartigen Code zu installieren. Denn relativ gesehen wird die Sicherheit von Firefox-, Chrome- oder IE-Browsern normalerweise von mehr Personen überprüft (einschließlich des Sicherheitsteams). Wenn das Sicherheitsteam davon ausgeht, dass ein bestimmter Browser sicher ist, müssen seine Sicherheitsrisiken im Allgemeinen viel geringer sein .

Allerdings sind die hier erwähnten Verbesserungen der Sicherheit weitgehend spekulativ. Es wird immer einige Menschen auf dieser Welt geben, die ihren Einfallsreichtum für böse Zwecke einsetzen und möglicherweise bestimmte Funktionen von HTML5 ausnutzen, um sich böswillig zu verhalten. Nur kann niemand vorhersagen, welche Gefahren in den neuen Funktionen von HTML5 lauern.

 Vereinfachung der Webentwicklung

Die Worte eines Entwicklers, der in einem Websoftware-Entwicklungsunternehmen arbeitet, sind sehr repräsentativ. Sie erklären kurz und bündig die Änderungen, die HTML5 mit sich bringen kann. Er sagte: Ich bevorzuge HTML5, vor allem, weil es mir ermöglicht, in einer einheitlichen Entwicklungsumgebung zu entwickeln, die aus dem Browser plus JavaScript plus DOM besteht, ohne zwischen der Flash-Welt und der HTML5-Welt hin und her wechseln zu müssen. Solange Sie eine Entwicklungssprache und einen Toolset beherrschen, können Sie in Zukunft jedes Plug-In entwickeln.

Er fügte hinzu: Ich denke, die Vorteile für Benutzer liegen ebenfalls auf der Hand, und jetzt scheint Flash eine neue Welt in der Welt des Internets geschaffen zu haben.

Tatsächlich verwendet HTML5 eine einheitliche Sprache (JavaScript), ein einheitliches Datenmodell (XML und DOM) und eine einheitliche Präsentationsregel (CSS), um Text, Audio, Video und Grafiken darzustellen Idealerweise wird die Arbeit auf der Grundlage einer einheitlichen Standard-Entwicklungsumgebung deutlich einfacher. Aber die Herausforderung, alles in die Realität umzusetzen, ist immer noch riesig. Ein großes Problem ist der Mangel an Tools. Es gibt immer noch sehr wenige Tools für HTML5. Es lässt sich nicht leugnen, dass die Beliebtheit von Flash untrennbar mit den sehr benutzerfreundlichen Tools zusammenhängt, die Adobe für die Flash-Entwicklung bereitstellt.

 Link: Die Entwicklung von HTML

Der vollständige Name von HTML ist Hypertext Markup Language, eine Spezifikation zur Beschreibung von Webseiten. Es sind diese einfachen Tags in spitzen Klammern, die das heutige Web ausmachen.

Die erste offizielle Version von HTML war HTML 2.0, das von der IETF (Internet Engineering Task Force) eingeführt wurde. Später löste das W3C die Rolle der IETF ab und wurde zur Organisation für die Festlegung von HTML-Standards. In der zweiten Hälfte der 1990er Jahre wurde die HTML-Version bis zu HTML 4.01 im Jahr 1999 häufig überarbeitet. Zu diesem Zeitpunkt erreichte HTML seinen ersten Höhepunkt.

 Die erste überarbeitete Version von HTML nach HTML 4.01 ist XHTML 1.0, wobei X für eXtensible steht. XHTML 1.0 basiert auf HTML 4.01 und führt keine neuen Tags oder Attribute ein. Der einzige Unterschied besteht darin, dass HTML eine lockerere Syntax aufweist, während XHTML eine XML-ähnliche strikte Syntax erfordert. Später veröffentlichte W3C XHTML 1.1.

Für W3C ist HTML 4 bereits ein Erfolg. Ihr nächster Schritt ist XHTML 2.0, in der Hoffnung, das Web in die glänzende Zukunft von XML zu führen. Allerdings waren Vertreter von Opera, Apple und Mozilla mit der Arbeit des W3C unzufrieden. Sie haben freiwillig die Hypertext Application Technology Working Group, die WHATWG, gegründet und bekennen sich zur HTML5-Spezifikation.

Während die WHATWG an HTML5 arbeitet, setzt das W3C seine Arbeit an XHTML 2.0 fort. Die Arbeit des W3C an XHTML 2.0 geriet jedoch langsam in Schwierigkeiten, und die Arbeit an

Nach jahrelangen Überlegungen wurde 2008 der Entwurf von HTML5 veröffentlicht und das W3C arbeitet derzeit daran, ihn weiter zu verbessern. Derzeit gibt es keine klare Aussage darüber, wann HTML5 offiziell zum Standard wird. Die gute Nachricht ist, dass HTML5 2012 möglicherweise als Standardstandard akzeptiert wird. Es ist jedoch davon auszugehen, dass es, sobald HTML5 zum Standard wird, auf jeden Fall ein langfristiger Prozess sein wird, bis HTML5 von allen Browseranbietern akzeptiert wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage