HTML 5 Tutorial
HTML 5 ist die neueste Iteration von HTML, der basic-Sprache des Web. Wenn fertig, wird es beiden aktuellen Versionen HTML 4.01 und XHTML 1.0 ersetzen. Während Sie HTML 5 auf größere Web-Projekte zu verwenden, weil die meisten Browser nicht, dass er verstehen vorsichtig sein sollte, ist das Lernen über seine Verbesserungen gegenüber früheren Versionen sowohl interessant und hilfreich.
HTML-Grundlagen
Vor der Bekämpfung von HTML 5, Sie sollten mit den Grundlagen der HTML-Code schreiben vertraut sein (siehe Ressourcen unten). HTML ist sehr einfach, die hängen, und sobald Sie mit dem Schreiben von Code in standardkonforme XHTML (im Grunde nur eine strenge Version von einfachen HTML) vertraut sind, finden Sie die neuen Features von HTML 5 sehr einfach zu implementieren sein.
Vereinfachung
HTML 5 vereinfacht viele der Programmierstil, die in früheren Versionen von HTML verwendet wurden. Beispielsweise musste beim Starten einer Datei zuvor ein Dokument beginnen, so dass es etwa so aussah:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >< html Xmlns = "als http://www.w3.org/1999/xhtml" Lang = "de" >
Dies wurde zu vereinfacht:
<! DOCTYPE html >
< html Lang = "de" >
HTML 5 vereinfacht auch Code von getting rid of Elemente, die aus Nutzung gesunken sind oder erwies sich als wenig hilfreich. Durch ein Array von Browser-Probleme Frames werden nicht mehr erlaubt sein, und da Stylesheets Stil besser als HTML-Tags, "Präsentationselemente" Tags wie < Font >, < Center > behandeln und < > Wille nicht mehr Strike gültig sein.
Änderungen am Layout
Seiten in HTML wurden zuvor meist in Blöcke mit < Div > Tags gebrochen. Leider führte dies oft zu verwirrend oder übermäßig kompliziert Code:
< Div Id = "Header" >< / Div >< Div Id = "Inhalt" >< Div Class = "Artikel" >< / Div >< / Div >< Div Id = "Footer" >< / Div >
HTML 5 behebt dieses Problem mit den neuen semantische Tags < Header >, < Fußzeile >, < Nav >, < Inhalt >, < beiseite >, < Artikel >, < Hgroup >, < Abschnitt >, < Adresse >, < audio > und < video >. Diese, die alle Verhalten sich genau wie < Div >-Tags, sondern den Code lesbarer machen. Der obige Code kann nun wie folgt umgeschrieben werden:
< Header >< / Header >< Inhalt >< Artikel >< / Artikel >< / Inhalt >< Fußzeile >< / Fußzeile >