Die Grundlagen der HTML5

Die neueste Entwicklung von HTML ist HTML5, die Sprünge Web-Design und begrenzt voranbringt. Diese Generation bietet einen erweiterten Satz von Elementen und Eigenschaften - so dass für coole neue Design und Interaktionsmöglichkeiten. Da auch HTML5 mobile Web-Geräte unterstützt, hat es sich schnell zum neuen Standard geworden und ist mittlerweile von allen großen Browsern unterstützt (obwohl Internet Explorer erfordert, dass die Web-Seite umfassen ein Code

Shim - ein redundantes Codesegment in einer Weise geschrieben, dass Internet Explorer) zu verstehen.

Eine mobile und gerätefreundliche Lösung für Websites

Mit der Einführung von HTML5, ein besonders heikles Thema endlich zur Ruhe gelegt worden sein kann: das Erreichen kühlen Animationseffekte auf Apple-Geräten ohne den Einsatz von Flash. Das Apple-Gerät-Plattform hat nie eine Flash-Unterstützung. Diese Weigerung war mehr über Flash-Batterie-und-Bandbreiten-Ressourcen als etwa Unternehmen Rivalität mit Adobe (die Macher von Flash) hogging. Was auch immer der Fall ist, werden alle Websites, die Flash-haupt für alles verwendet - sagen, Navigation, Interaktion, oder Animationseffekte - funktionieren würde einfach nicht auf iPhones oder iPads. HTML5 kam die Rettung.

Eine Animation Alternative

Mit der Einführung des neuen Elements in HTML5, gibt es jetzt ein Container (ähnlich dem CSS-div-Element), die kühle javascript-Animationen und interaktive Funktionen aufnehmen kann. Da javascript eine mächtige Skriptsprache ist und kann eine Menge tun, was Flash-tun können, diese Leinwand-plus-javascript-Kombination stellt eine echte Alternative Ansatz zur Web-Animation auf Desktop- und mobilen Browsern unterstützt.

Der Nachteil ist natürlich, dass Sie javascript zähmen müssen werde alles nette Dinge geschehen zu lassen - und javascript ist eine ziemlich robuste Sprache! Der Vorteil ist, dass der Himmel die Grenze ist. Mit javascript können Sie ausgefallene Benutzeroberflächen zu erstellen, zeichnen Diagramme mit grundlegenden Formelementen, Umfang und Elemente drehen, und laden Sie externe Bilder in und out. Um den Tag nutzen, nehmen Sie zwei Aktionen: Sie enthalten einen Tag im HTML und erstellen Sie ein javascript, das die Leinwand ausgerichtet ist.

Touchscreen-Unterstützung

In den letzten Jahren hat das Aufkommen von Touchscreen-Geräten Designer gezwungen, die Art und Weise zu überdenken, sie Schnittstellen entwerfen. Designer können Verwendung mehrerer machen berühren Veranstaltungen: Finger auf etwas, Finger über ein Element bewegen, und Finger entfernt - oder (in technischer Hinsicht) touch, Touchmove, touchend und touchcancel. Diese HTML5 nativen Ereignisse arbeiten in WebKit (die die Chrome und Safari-Browser sind) und ermöglichen fast jede Art von Finger-Interaktion wie zB Drag, kneifen und Zoomen und Drehen.

Geolokalisierung für Websites

In der Vergangenheit eines Benutzers geographische Lage zu bekommen, würden Sie eine IP-Erkennungsskript, das eine Datenbank zugegriffen und machen eine vernünftige Vermutung über die Benutzer allgemeinen Aufenthaltsort, genau auf regionaler Ebene verwenden. HTML5 unterstützt nun präziser Geolokationen Abrufen: Die Verwendung von javascript können Sie Längen- und Breitengrad Informationen über GPS finden (für mobile Geräte) und Wi-Fi-Router info (für Laptop und Desktop-Computer). Sie können sogar die Höhe und mit einem Zeitstempel auf den Standort zu erhalten. Natürlich muss der Nutzer damit einverstanden, dass Standortinformationen zu veröffentlichen.

Nun sind ein Benutzer Längen- und Breitengrad Punkte nur dann sinnvoll im Zusammenhang mit einer Karte abgerufen werden - so müssen Sie diese Daten mit den Google-API Static Map integrieren.

Die andere Sache zu beachten ist, dass, sobald der Browser Ihre Position kennt, ist es möglich, Ihre Position als auch zu verfolgen! Das könnte Big Brother-ish klingen, aber eine mobile Anwendung vorstellen, die weiß, wo Sie in einem Einkaufszentrum und serviert Gutscheine für Geschäfte, die Sie sind in oder in der Nähe, wie Sie sich bewegen.

Leistungsstarke Content Handling

Mehrere Upgrades in HTML5 ermöglichen es Entwicklern mehr Kontrolle über verschiedene Content-Elemente auf der Seite. Zum Beispiel kann das neue Attribut contenteditable zu jedem Element zugewiesen werden, die der Benutzer bearbeiten möchten in der Lage sein - sagen wir, ein Textfeld, das Beispieltext hat, dass der Benutzer mit zweckspezifischen Text ersetzen können.

Ein weiteres Upgrade, das HTML5 bietet, ist eine Erweiterung auf das Formular-Design-Toolkit. Jetzt können Sie Bereich Schieber, ein Suchfeld hinzufügen, eine Option Standardtext in Eingabefelder, zB Bücher einfügen, ein Pop-up-Kalender für die Datumsauswahl und sogar eine Farbauswahl, dass die Farbauswahl des Computers öffnet sich. Außerdem bietet HTML5 native Unterstützung für die erforderlichen Formelemente. Sie können einfach das gewünschte Attribut mit einem Eingang, wählen oder Textbereich Element hinzufügen. Gemeinsam mit dieser neuen erforderliche Komponente, CSS können Sie diese Pflichtfelder gezielt und ihnen einen einzigartigen Look and Feel geben.