Semantic html5
- 1. Semantisches HTML5 Ein Beitrag für das semantische Web Zusammengestellt von H. Mittendorfer für das Propädeutikum Webwissenschaften nach: Peter Kröner: "HTML5 - Webseiten innovativ und zukunftssicher", München 2010
- 2. Während die Teilung eines HTML Dokumentes in Sinnabschnitte bisher über einheitlich über den Tad <div> erfolgte, hält HTML5 dafür differenzierte, sinngebende Tags bereit. Die sinngebenden Tags wirken als Metainformation (Information über die Information) zum Web-Dokument.
- 3. <section> • (Sinn)abschnitt • Enthält mindestens <hx> und <p>
- 4. <header> • Sammlung einführender Inhalte (Überschriften, Navigationen) • Nicht nur für das ganze Dokument, sondern auch für Abschnitte (z.B. section) • Nicht verwechseln mit <head> / <body>
- 5. <footer> • Gegenstück zum <header> • Es dürfen keine weiteren <header> und <footer> enthalten sein.
- 6. <nav> • Enthält Navigationselemente. • „Menüs“ die als Liste geführt werden. • Unterpunkte oder weiterführende Verweise.
- 7. <aside> • Ergänzung zum dargestellten Inhalt. • „Seitenspalte“. • hervorgehobenes Zitat.
- 8. <article> • In sich geschlossener Inhalt. • Beiträge in Blogs und Foren. • Kommentare in Blogs und Foren.
- 9. Hierarchische Struktur eines Dokumentes
- 10. <h1> bis <h2> • Wie gehabt.
- 11. Outline-Algorithmus • <h1> bis <h6> bilden bis zu sechs Ebenen. • Innerhalb eines „sectioning-Elementes“ wird neu mit <h1> begonnen, jedoch „eine Ebene tiefer“ als das übergeordnete <h1>. • Sectioning Elemente: <section>, <nav>, <aside>, <article>.
- 12. <hgroup> • Fasst mehrere Überschriften zusammen. • Nur das ranghöchste Element aus den Überschriften wird im Outline angezeigt.
- 15. <strong> und <em> • <em> Hervorhebung. • <strong> starke Hervorhebung. • <strong> und <em> können geschachtelt werden.
- 16. <abbr> und <acronym> • <acronym> • <abbr> steht für Abkürzungen und Acronyme.
- 17. <code> • unverändert • enthält „Programmiersprachen“
- 18. <address> • Kontaktinformation • nicht nur für das gesamte Dokument, sondern auch für <article>.
- 19. Gelöschte Elemente • <acronym> ersetzt durch: <abbr> • <applet> ersetzt durch: <object> • <dir> ersetzt durch: <ul> • <frame>, <freameset>, <noframes> ersatzlos gestrichen.
- 20. gelöscht - Fortsetzung • <isindex> • <basefont> • <big> • <center> • <font>, <s> • <strike> • <tt>, <u>
- 21. Wiederbelebt • <b>: wenn der markierte Text normalerweise fett wäre. (z. B. Teaser eines Artikels). • <i>: wenn der markierte Text normalerweise kursiv wäre. (z. B. Fachbegriffe). • <small> Kleingedrucktes. • <hr> inhaltlicher Bruch.
- 22. Neue Textauszeichnungen • <time> Zeitauszeichnung für Mensch und Maschine lesbar. • <mark> Hervorgehobene Textabschnitte. Z.B.: markierte Suchergebnisse. • <figure> Inhalte, auf die von der Dokumentation verwiesen wird. (Tabellen, Grafiken, Codebeispiele)