So geht´s: HTML5 (Tutorial)

Verfasst am: 02. 08. 2010 [10:21]
Beitrag hilfreich?
seitenreport

Matthias Gläßner
Premium-Mitglied
Themenersteller
Dabei seit: 28.03.2009
Beiträge: 1723
HTML5 ist stark im Kommen und wird bereits auf einigen der "großen" Webseiten eingesetzt (unter anderem auf Google). Kein Wunder: Bietet HTML5 doch viele Vorteile gegenüber XHTML, die den Umstieg lohnenswert machen: Schlankerer Code, mehr Semantik (wodurch Inhalte bzw. deren Zugehörigkeit auch von Suchmaschinen besser "verstanden" werden können), direkte Video-Einbindung und Einiges mehr.

Für erste Gehversuche mit HTML5 kann ich das folgende Tutorial empfehlen, welches ich gerade auch über den Seitenreport Twitter-Account getweetet habe. Es klärt über die wichtigsten Unterschiede zwischen HTML5 und XHTML/HTML auf, untermauert die Unterschiede mit Beispielen und ist durch seine sinnvolle Aufmachung auch sehr gut lesbar.

Hier also das HTML5 Tutorial:

http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/

Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 02. 08. 2010 [10:58]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174
Wenn HTML5 fertig ist, werde ich wohl nicht HTML5 sondern XHTML5 schreiben.
Das ist einfach HTML5 in XML-Syntax. Ausschlaggebend ist hier der XML-Header "application/xhtml+xml"
Siehe http://www.w3.org/TR/html5/introduction.html#html-vs-xhtml
Ich finde es schade, dass dieses Tut geradezu schreit: "Juhu, nie mehr XML-Syntax"..
Aber auch egal.. 95% der Entwickler würden es so oder so falsch anwenden, wie schon bei XHTML 1.1.

 
Verfasst am: 02. 08. 2010 [11:03]
Beitrag hilfreich?
seitenreport

Matthias Gläßner
Premium-Mitglied
Themenersteller
Dabei seit: 28.03.2009
Beiträge: 1723
Raptor schrieb:

Wenn HTML5 fertig ist, werde ich wohl nicht HTML5 sondern XHTML5 schreiben.

Dann lässt Du aber glatt 4 Versionsnummern aus... wink.gif
XHTML 1.1 => XHTML 5

Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 02. 08. 2010 [11:17]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174
seitenreport schrieb:

Dann lässt Du aber glatt 4 Versionsnummern aus... wink.gif

Das mache nicht ich, das machen die vom W3C. laugh.gif

XHTML 2.0 wurde ja zu Gunsten von HTML5 aufgegeben.
Die "5" von XHTML5 soll die Verbindung zu HTML5 aufzeigen, denn die Semantik ist ja bei beiden identisch, nur die Syntax anders.

 
Verfasst am: 02. 08. 2010 [11:18]
Beitrag hilfreich?
seitenreport

Matthias Gläßner
Premium-Mitglied
Themenersteller
Dabei seit: 28.03.2009
Beiträge: 1723
Raptor schrieb:

seitenreport schrieb:

Dann lässt Du aber glatt 4 Versionsnummern aus... wink.gif

Das mache nicht ich, das machen die vom W3C. laugh.gif

XHTML 2.0 wurde ja zu Gunsten von HTML5 aufgegeben.
Die "5" von XHTML5 soll die Verbindung zu HTML5 aufzeigen, denn die Semantik ist ja bei beiden identisch, nur die Syntax anders.

Hehe, was für ein Spaß hier am "frühen" Morgen. icon_razz.gif

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 02. 08. 2010 [12:22]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
Hallo Florian

Wenn ich dich richtig verstehe kann man auf diese Weise dann HTML5 Elemente nutzen und hat aber dann auch die Vorteile von XHTML beziehungsweise XML?

Der Gedanke hat was.

Und der einzige Unterschied ist der Content Type?

Oder drehst du da noch an anderen Stellen?

Gruß
Jörg



 
Verfasst am: 02. 08. 2010 [14:17]
Beitrag hilfreich?
seitenreport

Matthias Gläßner
Premium-Mitglied
Themenersteller
Dabei seit: 28.03.2009
Beiträge: 1723
Noch ein kleiner Nachtrag:

Google hat zu HTML5 natürlich auch eine Website online gestellt, auf der es viele HTML5 Tutorials und Beispiele gibt:

http://www.html5rocks.com

Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 02. 08. 2010 [14:42]
Beitrag hilfreich?
UFOMelkor
Dabei seit: 20.10.2009
Beiträge: 336
So schön HTML5 klingt, mir fehlt im Moment noch die Möglichkeit das ganze zumindest für die aktuellen Browser anzubieten.

 
Verfasst am: 02. 08. 2010 [14:58]
Beitrag hilfreich?
seitenreport

Matthias Gläßner
Premium-Mitglied
Themenersteller
Dabei seit: 28.03.2009
Beiträge: 1723
UFOMelkor schrieb:

So schön HTML5 klingt, mir fehlt im Moment noch die Möglichkeit das ganze zumindest für die aktuellen Browser anzubieten.

Da kann ich Dir nur Recht geben. Der Flächendeckende Einsatz wird auch sicher noch einige Jahre auf sich warten lassen.

Allerdings: Ein gutes Indiz für kommende Entwicklungen sind meiner Meinung nach Stellenanzeigen im IT-Sektor => hier werden in den letzten Monaten insb. für größere Firmen schon nicht wenige HTML5-Entwickler gesucht. Die Entwicklung geht also bereits (langsam) los. Natürlich kann sich in der HTML5 Spezifikation noch ein wenig ändern, hier sollte man also, wenn man HTML5 schon einsetzen möchte, vorrausplanen, dass einige Kleinigkeiten später dann ggf. wieder geändert werden müssen.

Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 02. 08. 2010 [15:44]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
Hallo Matthias

Du meinst nach dem Motto solange der Doctype nicht Html5 ist verwende an der Stelle bitte ein <div id="header">
Und sobald der Doctype html5 ist verwende stattdessen bitte ein <header>

Und dasselbe Spiel halt eben beim Schliessen des Containers.

Gruß
Jörg

 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:

RSS Feed abonnieren »



16 Mitglieder Mitglieder waren innerhalb der letzten 15 Minuten (275 heute gesamt) online:
athens24, beniafe, CasaRomanita, Ch1cK3n, dorsch, FlowFX, klaus, Linus, Malli1302, MatthiasHuehr, merkur, ptrarbach, rogab53, Ultima, winelady

Administratoren und Moderatoren:
seitenreport

Seitenreport hat 16336 registrierte Mitglieder, 2862 Themen und 27998 Beiträge.
Seitenreport hat einen Mitgliederzuwachs von durchschnittlich 24 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 3 neue Themen und 17 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

SEO und Website-Analyse

Seitenreport ist eine der bekanntesten Website-Analyse-Dienste im WEB. Über 9.200 registrierte Mitglieder (keine Freemailer-Accounts), 1/4 Millionen Seitenaufrufe pro Monat, über 100 Premium-Kunden und namhafte Referenzen sprechen für sich. Seitenreport gibt es seit 2007. Wie Du davon profitierst? Hier kannst Du sicher sein, dass es um Qualität und Beständigkeit geht!

Seitenreport auf Facebook!

238 unserer Mitglieder sind bereits Seitenreport Fan auf Facebook. Dein Vorteil: Schnellere Kenntnis von neuen Features, News in Echtzeit, Tipps und Tricks für SEO und Web. Du kannst unsere Beiträge auch kommentieren und dadurch Deine Besucherzahlen und das Interesse an Deinem Account erhöhen. Folge Seitenreport auf Facebook!

Seitenreport Partnerprogramm

Eines der wenigen Partnerprogramm im Bereich SEO und WEB. Erhalte 12% Lifetime Provision auf alle Buchungen von Dir geworbener neuer Mitglieder! Jedes von Dir geworbene Mitglied wird dauerhaft mit Deinem Partnerkonto verknüpft und bei jeder kostenpflichtigen Buchung mit 12% provisioniert. Lifetime - so lange es Seitenreport gibt!
Seitenreport Partnerprogramm

* = Partnerlinks