HTML5 Neue Elemente und Attribute sind Abenteuer und Gelegenheit für Designer

Artikeleinführung von Wulin.com (www.vevb.com): HTML5, das als Killer von Flash gemunkelt wird, ist eine transformative Netzwerk -Technologie, die für die Entwicklung von Webanwendungen verwendet wird.

HTML5, das als Killer von Flash bezeichnet wird, ist eine transformative Netzwerk -Technologie, die für die Entwicklung von Webanwendungen verwendet wird. HTML 5 liefert einige neue Elemente und Attribute, von denen einige technisch ähnlich zu <Div> und <span> Tags ähneln, aber einige Bedeutungen haben, wie <NAV> und <fouter>. Dieses Tag ist der Suchmaschinenindizierung, kleinen Bildschirmgeräten und sehbehinderten Personen förderlich. Gleichzeitig werden neue Funktionen für andere Browserelemente über eine Standardschnittstelle wie <DIO> und <video> -Tags bereitgestellt.

Zusätzlich zur ursprünglichen DOM -Schnittstelle fügt HTML5 vielfältigere APIs hinzu:

Canvas -API: API für dynamische Ausgabe und Rendern von Grafiken, Diagrammen, Bildern und Animationen.

HTML5-Audio und -Video: Neue Elemente in HTML5 bieten Entwicklern eine gemeinsame, integrierte, geschriebene API für die Verarbeitung von Audio und Video, ohne Plug-Ins zu installieren.

Kommunikations-APIs: Zwei Hauptfundamente für den Aufbau von Echtzeit- und Cross-Origin-Kommunikation: Querkundungsmessaging und XMLHTTPrequest Level 2.

Die obigen technischen Beschreibungen sind in der HTML -Dokumentation von Whatwg vorhanden, sind jedoch nicht alle in der W3C -HTML5 -Dokumentation enthalten. W3C hat für einige Technologien separate Erklärungen abgegeben, sodass dieser Artikel nacheinander nicht wiederholt wird.

Es klingt etwas zu technisch zu technisch. Welchen Einfluss hat HTML5 auf das Design? Dies müssen Webdesigner und Entwickler berücksichtigen, nachdem sie den Programmiercode besprochen haben.

Wenn Sie das mobile Internetfeld als Beispiel aufnehmen, müssen Designer und Entwickler angesichts zahlreicher Terminalgeräte und -plattformen Kompromisse in Bezug auf die Produktanzeige und -konsistenz in der Erfahrung eingehen, und verschwendete so viel von unserer Energie, um die Plattform zu füllen. Produkte könnten ein höheres Niveau erreicht haben, aber die Realität der Fragmentierung mobiler Terminals (einschließlich Hardware und Software) blockiert gute Wünsche.

Zu den aktuellen Mainstream -Mobiltelefonentwicklungsplattformen gehören: iOS, Symbian, Linux, Palm, Blackberry, Windows Mobile, Android usw. Die iOS -Plattform muss für Auflösungen von 480*320, 960*640 bzw. 1024*768 ausgelegt sein; Die QVGA -Auflösung beträgt 240*320, WQVGA -Auflösung 240*400, HVGA -Auflösung beträgt 320*480, WVGA -Auflösung 480*800, FWVGA -Auflösung beträgt 480*854 usw.; Das Symbian -System hat eine lange Geschichte, und jetzt konzentriert es sich hauptsächlich auf die Versionen S60 V3 und V5, und die Auflösung beträgt immer noch 176*208, 208*208, 240*320/320*240, 352*416/416*352 und 800*352 und viele andere Typen. Selbst mit derselben Plattform haben unterschiedliche Auflösungen entsprechende Unterschiede. Darüber hinaus müssen Kundenprodukte von Version 1.0, Version 2.0 bis Version N.0 kontinuierlich aktualisiert und wiederholt werden. Jedes Mal, wenn eine native App entwickelt wird, muss eine Plattform angelegt werden. In der Realität werden nicht alle Benutzer die neue Version aktiv aktualisieren, sodass Designer und Entwickler sich auch Sorgen machen sollten, ob die vorherige alte Version bei der Entwicklung neuer Funktionen unterstützt wird. Multiplizieren Sie verschiedene Plattformen mit verschiedenen Versionen, Arbeitskräften und materiellen Ressourcen werden in die Arbeit der Verarbeitung der Plattform investiert, und die Energie zur Verbesserung der Produktbenutzererfahrung ist relativ begrenzt.

Die Menschen hatten also genug von der Folter fragmentierter Terminalgeräte und begannen sich auf etwas anderes als native Apps zu freuen. Die Entstehung von Web -Apps, die von der HTML5 -Technologie entwickelt wurden, haben Designer und Entwicklern eine gute Vision vergeben. Der Rendering -Prozess der HTML5 -Technologie erfolgt hauptsächlich von Browsern, Anwendungen, die mit HTML5 -Parser eingebettet sind, Anwendungen, die das Lesezeichen öffnen oder Mobiltelefonprodukte unterstützen. Auf diese Weise dauert das Start- und Versions -Update des Produkts nicht mehr so ​​lange, bis die Plattform gelegt wird. Die interne Logik des Applerns wandelt die Benutzeroberfläche des Produkts in eine native Schnittstelle für Plattformen wie iOS oder Android um. Gleichzeitig müssen Benutzer in Form einer Web -App keine Benutzer herunterladen und aktualisieren und über das Netzwerk auf die neueste Version zugreifen. Es erleichtert auch Designer und Entwickler, Fehler zu debuggen und zu korrigieren, und es gibt kein Problem mehr, die neuen und alten Versionen gleichzeitig zu berücksichtigen.

HTML5 ist so leistungsstark, dass es das Potenzial hat, die Qualität von Internetprodukten zu verbessern und die tatsächliche Umgebung für Entwickler zu verbessern. Daher müssen Designer und Entwickler es als notwendig verstehen. Dies bedeutet jedoch nicht, dass Designer ihre Arbeit ablegen und Programmierechnologie lernen müssen. Stattdessen sollten sie überlegen, welche offensichtlichen Änderungen HTML5 zu bestimmten Designs vornehmen müssen, und welche Designeffekte können die HTML5 -Technologie erreichen?

Unter der aktiven Befürwortung von riesigen Unternehmen wie Apple, Google und Microsoft hat die HTML5 -Technologie schnelle Fortschritte erzielt, und die Auswirkungen, die Web -Apps erzielen können, werden immer häufiger. Viele Web -Apps können tatsächlich mit nativen Apps verglichen werden. Die besten Browser für die HTML5 -Unterstützung sind Safari und Chrome, Firefox und Opera sind unbefriedigend, und der IE -Browser hat die niedrigste Unterstützung. Wie in der Abbildung unten gezeigt:

Heutzutage sehen wir häufig verwandte Einführungsartikel wie "19 mit HTML5 entwickelte Websites" und "25 Superb HTML5 Canvas Games" im Internet. Designer können es oft verwenden, um es zu erleben. Aufgrund von Platzbeschränkungen bietet dieser Artikel nur einige typische Website -Produkte, die HTML5 -Technologie für Beispiele verwenden.