Überschrift
Inhalt
Wie HTML 5 das Webdesign verändert
Mit erscheinen des neuen Internet Explorer 9 wird erstmals HTML 5 in allen gängigen Browsern verfügbar, folglich stellt sich die für die Webdesigner die Frage „Was verändert sich mit HTML 5?“.
Die neue Struktur
HTML 5 Dokumente werden deutlich Strukturierter sein, so werden z.B: die Tags für
komplett verzichtet werden, diese wird durch das Tag ersetzt. markiert dabei immer der Anfang eines Bereich:
Inhalt
Wie das oben gebrachte Beispiel verdeutlicht werden selbst Inhaltsbereiche deutlich besser Strukturiert. Dabei enthält jeder Artikel jeweils einen Headerbereich mit Überschrift, sowie ein Contentbereich.
Artikel Wie HTML 5 das Webdesign verändert am 2010-09-17 17:26:05 aufgenommen!
Inhalt
Wie das oben gebrachte Beispiel verdeutlicht werden selbst Inhaltsbereiche deutlich besser Strukturiert. Dabei enthält jeder Artikel jeweils einen Headerbereich mit Überschrift, sowie ein Contentbereich.
Neue Form-Felder
Neu enthalten in HTML 5 sind auch die Inputfelder mit dem Type „range“ und „number“. Ein range Feld enthält dabei ein minimal und maximal Wert, z.B. von 10 bis maximal 1000. Bei number hingegen darf nur eine Nummer eingegeben werden. Weiterhin gibt es noch die Feldertypen search (das durch eine Lupe markiert), email (hier wird abgefragt ob eine E-Mail eingegeben wurde) und tel. Alle neuen Felder haben den Vorteil das diese vom Browser kontrolliert werden, eine Abfrage der Felder auch Richtigkeit z.B. per PHP ist in Zukunft also nicht mehr nötig. Per CSS kann für die Felder bestimmt werden was passieren soll wenn eine Falsche eingabe getätigt wurde z.B:
:invalid { background-color: red; }
Audio und Video
Für Audio und Video werden die Tags
Canvas
Canvas ist gerade für die Designer Interessant, so können mittels Canvas alle Elemente z.B. auch Bilder gedreht, verschoben und rotiert werden. Zusätzlich ermöglicht Canvas das zeichnen von Linien, Rechteecken, Kreisbögen, Bézierkurven, Farbverläufen, Transparenz.
