HTML5-Dokument mit semantischem Aufbau – ein Beispiel

Erstellt am: 19.Aug 2016 | Letztes Update: 16.Mrz 2017 | von: | Kategorie(n): Design, Quick-Tipp

Schemantischer Aufbau eines HTML5-Dokuments bestehend aus

  • Dokumententyp-Deklaration
  • HTML
    • das gesamte HTML-Dokument
  • HEAD
    • unsichtbare Kopfdaten, etwa Titel, Zeichencodierung
  • BODY
    • der anzuzeigende Inhaltsbereich

Code

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
  </head>
  <body>
  </body>
</html>

Diagramm

Das Diagramm zeigt einen beispielhaften Aufbau eines HTML5-Dokuments mit Artikel, Navigation, Artikel, Kopfbereichen, Fussbereichen, Sektionen usw.

Nach oben

« | »

|

« | »

|

Diese Beiträge könnten Sie ebenfalls interessieren

Beiträge aus der gleichen Kategorie

Über den Autor

Hier schreibt Ingo Förster, UX-Professional und -Stratege über User Experience-Design. User-Interface-Design, Web-Design & Programmierung, manchmal auch über Online-Marketing und alles was zum täglichen Brot eines UXlers gehört.

Ingo hat durch seine selbständige Tätigkeit viel Erfahrung in zwei Hauptbereichen sammeln können. Zum einen in im weiteren Sinne Interaction Design mit allen Disziplinen, angefangen mit Grafischer Gestaltung für Web, Programmierung von Internet-Auftritten mit Typo3, Wordpress oder Magento eCommerce und Usability-Konzepten für Touch-Bedienung. Randbereiche wie SEO und Online-Marketing wurden regelmäßig bearbeitet.

Ingo interessiert sich für Webtechnologien, Touch-UIDs und erleichterte Bedienverhältnisse in Software. Ingo ist im Bereich Multimedia lehrend tätig gewesen.