Die Geschichte von HTML5 beginnt, wie es sich für einen Webstandard gehört, beim W3C, genauer gesagt beim W3C Workshop on Web Applications and Compound Documents im Juni 2004. Doch anders als sonst üblich sollte die Entwicklung von HTML5 zu Beginn außerhalb des W3C vonstatten gehen, denn ...
Nach diesem kurzen Ausflug in die Geschichte von HTML5 wird es Zeit, sich endlich direkt mit den Elementen und Attributen von HTML5 auseinanderzusetzen. Was liegt näher, als das HTML5 Lernen - Grundlagen und Tutorials-Beispiel? Jedes HTML5-Dokument beginnt mit der Dokumenttyp-Deklaration <!DOCTYPE html> ...
Wenn wir von Neuerungen in HTML5 sprechen, müssen wir uns natürlich auch fragen, welche Features wir ab jetzt nicht mehr verwenden sollen. In anderen Spezifikationen des W3C ist in diesem Zusammenhang oft von deprecated die Rede, einem Begriff, der bei HTML5 jedoch keine Gültigkeit besitzt. Da HTML5 ...
Dieses Ding nennt man die Doctype-Deklaration. Dahinter verbirgt sich eine lange Geschichte und etwas schwarze Magie. Während der Entwicklung des Internet Explorer 5 für den Mac stand Microsoft vor einem überraschenden Problem. Die anstehende Version des Browsers hatte ihre Standardunterstützung so stark ...
Das erste Kind des Wurzelelements ist üblicherweise das <head>-Element. Das <head>-Element enthält Metadaten-Informationen über die Seite, nicht den Inhalt der Seite selbst. (Der steht im darauf folgenden <body>-Element.) Das <head>-Element selbst ist ziemlich langweilig und hat sich in HTML5 kaum auf ...
Gewöhnliche Links (<a href>) zeigen einfach auf eine andere Seite. Link-Relationen sind ein Mittel, zu erläutern, warum Sie auf eine andere Seite verweisen. Sie beenden den Satz: Ich verweise auf diese andere Seite, weil ... Zwei Kategorien von Links können mit dem Link-Element erstellt werden. Links auf externe ...
HTML5 dreht sich nicht nur darum, bestehendes Markup zu verkürzen (obwohl es in dieser Beziehung einiges leistet). Es definiert außerdem einige neue semantische Elemente. Ich weiß, Sie hungern danach, gleich mit der Verwendung dieser neuen Elemente loszulegen. Das sind die Elemente, die die HTML5-Spezifikation ...
Schauen wir uns eine ganz einfache HTML5-Seite als Basis für das an, was in diesem Kapitel und im Verlaufe noch kommt. Das soll Ihnen erst einen kleinen Vorgeschmack auf HTML5 liefern. Sie haben noch das ganze restliche Kapitel Zeit, mehr darüber zu lernen. Eine typische Standarddarstellung der Seite. Zwar wird ...
HTML ist ein ausgeklügeltes System, wie man Informationen über den Inhalt in einem Textdokument einbindet. Diese Informationen werden als Markup (Auszeich-nung) bezeichnet und beschreiben die Bedeutung der Inhalte, also deren Semantik. In unserer einfachen HTML-Seite haben Sie bereits ein paar Beispiele gesehen ...
Der body unserer Basisseite enthält die Elemente article, h1, img, p, em und a, um die Bedeutung der Inhalte zu beschreiben. Der gesamte Inhalt wird im article verschachtelt. Die Überschriften sind wesentliche Elemente für die Definition der Seitengliederung. Damit werden die Seiten für Bildschirmlesegeräte besser ...
Nachdem Sie nun von der Bedeutung des semantischen HTML5 erfahren und es im Einsatz gesehen haben, müssen Sie auch noch wissen, warum das so wichtig ist. Dies sind einige der wichtigsten Gründe (aber diese Liste ist nicht vollständig), einige davon wurden schon angesprochen: Verbessere SEO-optimierung ...
Wollen wir uns genauer anschauen, woraus das Markup, also die Auszeichnungen, bestehen. HTML5 verfügt über drei wesentliche Markup-Komponenten: Elemente, Attribute und Werte. Elemente sind wie kleine Etiketten, die die verschiedenen Teile einer Webseite beschreiben: "Dies ist eine Überschrift, das Ding da drüben ist ein ...
Die Überschriften-Elemente h1-h6 dienen zur Gliederung Ihrer HTML-Seite. In diesem Abschnitt lernen wir wie eine Handvoll Elemente, die in HTML5 neu hinzukamen, sich ebenfalls auf die Gliederung auswirken. Sie wissen nun also, dass jedes HTML-Dokument über eine eingebaute Gliederung verfügt – ähnlich wie ein ...