Artikeleinführung von Wulin.com (www.vevb.com): HTML5 stellt die Computerinteraktion aus, und die Interaktion zwischen Human-Network wird bequemer und passt zu Benutzern. Der bisherige Mangel an Unterstützung für reiche Medienanwendungen und diese Lagerung ist für Browser keine Schmerzen mehr. Die ursprüngliche Absicht der HTML5 -Revolution besteht darin, das Web von einer Inhaltsplattform zu einer standardisierten Anwendungsplattform zu fördern und die Standards jedes Plattformcamps zu vereinen.
Was HTML5 ist, ich muss hier nicht auf Details eingehen. Meines Verständnis zufolge kann die Innovation von HTML5 als semantisches Label-System, reichhaltige Medien mit vereinfachtem traditionellen chinesischen, magischen lokalen Datenspeichertechnologie, Rich Animation (Canvas) ohne Plug-Ins und leistungsstarke API-Unterstützung zusammengefasst werden. Kurz gesagt, HTML5 macht Computerinteraktion und die Interaktion zwischen Mensch und Netzwerk wird komfortabler und passt zu Benutzern. Der bisherige Mangel an Unterstützung für reiche Medienanwendungen und diese Lagerung ist für Browser keine Schmerzen mehr. Die ursprüngliche Absicht der HTML5 -Revolution besteht darin, das Web von einer Inhaltsplattform zu einer standardisierten Anwendungsplattform zu fördern und die Standards jedes Plattformcamps zu vereinen.
In diesem Artikel werde ich eine der Innovationen von HTML5 vorstellen: eine klarere und prägnantere Struktur.
Ein Standard -XHTML -Header -Code von Anfang an sollte wie folgt aussehen:
Oben finden Sie ein einfaches Blog -Seite HTML -Teil, das aus dem Header, dem Artikelanzeigebereich, der rechten Spalte und unten bestehen. Die Codierung ist ordentlich und entspricht der Semantik von XHTML, die selbst in HTML 5 gut ausgeführt werden kann. Für den Browser ist dies ein Codestück, das es nicht zwischen Gewichten unterscheidet, und nicht ein Tag, mit dem die Maschine die Semantik versteht, um den entsprechenden Block zu definieren. Beispielsweise haben Standardbrowser (wie Firefox, Chrome und sogar die neue Version von IE9) einen Abkürzungschlüssel, mit dem Kunden direkt zur Seitennavigation springen können. Das Problem ist jedoch, dass alle Blöcke durch DIV definiert werden, und der ID -Wert des DIV wird vom Entwickler festgelegt, sodass der Browser nicht weiß, welcher Block der Block, in dem sich der Navigations -Link befindet. Die Entstehung neuer HTML 5 -Tags macht diesen Mangel nur wieder wett. Wenn der obige Code dann durch HTML 5 ersetzt wird, können Sie ihn so schreiben:
Es stellt sich heraus, dass die HTML -Seitenstruktur so schön sein kann, dass sie auf einen Blick ohne Kommentare gesehen werden kann. Für Browser werden Sie nicht mehr ratlos sein, wenn Sie den entsprechenden Block finden.
Obwohl HTML5 derzeit nicht von allen Browsern unterstützt wird, kann dieser Header, der mehr als 100 Bytes sparen kann (für Standorte mit täglichen PV -Werten von einer Million oder mehr, viel Verkehr sparen). Wenn Sie im Browserauflösungsmodus recherchiert haben, sollten Sie wissen, dass Seiten den seltsamen Modus auslösen, ohne docType zu definieren. Solange der Browser definiert ist, können Sie Seiten im Standardmodus analysieren, ohne einen bestimmten Typ von DTD anzugeben.
Neues semantisches Etikettierungssystem
Die semantische Codierung ist eine notwendige Fähigkeit für qualifizierte Front-End-Entwickler, aber da Webseiten immer reicher werden, ist es offensichtlich, dass sie dies nicht tun können, indem sie einfach das ursprüngliche XHTML-Tag für DeSemanate verwenden. Gott sagte: Es muss Licht geben! Dann wird es Licht geben. Daher bietet HTML 5 eine Reihe neuer Tags und entsprechender Attribute, um die typische Semantik moderner Websites widerzuspiegeln. Üben Sie, die Wahrheit zu produzieren. Schreiben wir ein Beispiel:
Ich muss nicht sagen, welches komplizierter ist und welcher einfach ist. Ja, der HTML5 -Header kann so einfach sein, dass er leicht erinnert werden kann! Und, der Fall, Zitate und der Backslash, bevor die letzte Winkelklammer ignoriert werden kann.
Warum kann es so locker sein? Wenn XHTML als Text/HTML gesendet wird, kann der Browser ihn auch gut analysieren und der Browser kümmert sich nicht um die Syntax des Codes. HTML 5 ist also metaphysisch, es kann einige der ursprünglichen Standards brechen, aber es kann im Browser immer noch gut abschneiden.
Natürlich sollten wir zum Komfort der Teamhilfe und der anschließenden Wartung den von Ihnen gefallenen Schreibstil vereinen, z. B.:
Schauen wir uns an, wie ein Standard -HTML5 -Header ist: