Grundlagen | HTML5 ist die Weiterentwicklung von HTML4 und ingnoriert die durch XHTML eingeführten Neuerungen. HTML5 ist bei der Interpretation des HTML-Codes weniger genau und führt nicht mehr zu den drakonischen Fehlermeldungen wie XHTML. Gleichzeitig vereinfacht HTML5 den Code und führt einige neue semantische Elemente ein. Neu sind auch Tags für Multimediainhalte. |
Dateistruktur Dateikopf |
Das
Grundgerüst ist gegenüber den älteren Versionen vereinfacht. Wegen den
älterren Versionen des Internet Explorers ist die Einbidnung einer
Browserweiche zwingend. Das Javascript steht auf googelcode zur
Verfügung. <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8" /> <title>meine Website</title> </head> <body> <p>Einstieg in HTML5</p> </body> </html> |
Gesamtstruktur Beispiel |
<!DOCTYPE html> <html lang="de"> <head> <title>...</title> </head> <body> <header> <h1>...</h1> <img src=”logo.jpg” /> </header> <nav> <ul> <li>...</li> <li>...</li> </ul> </nav> <section> <article> <h2>...</h2> <p> <em>...</em> <q>...</q> </p> </article> <article> <h2>...</h2> <p> <strong>...</strong> <br /> </p> </article> </section> <footer> <address>...<br /> ...<br /> <a href=”mailto:info@bsp.org”>Kontakt</a> </address> </footer> </body> </html> |