Premium Partner

WebTech -Wolf 4

Semantische Verwendung von HTML-Elementen

Semantische Verwendung von HTML-Elementen


Set of flashcards Details

Flashcards 45
Language Deutsch
Category Computer Science
Level Other
Created / Updated 17.01.2021 / 31.01.2021
Licencing Not defined    (jürgen wolf)
Weblink
https://card2brain.ch/box/20210117_webtech_wolf_4
Embed
<iframe src="https://card2brain.ch/box/20210117_webtech_wolf_4/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>

HTML-Dokument: Seitenstrukturierung: <body>

  • darstellbarer Inhalt eines HTML-Dokumentes

HTML-Dokument: semantische Seitenstrukturierung: <section>

  • Unterteilung des HTML-Dokuments in verschiedene Abschnitte/Sektionen
  • Hinweis: für den normalen Nutzer wenig interessant (sinnbezogene Abschnitte die für den Leser nicht erkennbar sind)
  • Hinweis: innerhalb jedes Sektionselementes beginnt die Zählung von Überschriften von vorne

HTML-Dokument: semantische Seitenstrukturierung: <article>

  • Unterteilung von Inhalten in einen in sich geschlossenen themenspezifischen Block
  • hat in sich eine Struktur: header, footer

HTML-Dokument: semantische Seitenstrukturierung: <aside>

  • marginale Informationen an der Seitenleiste
  • bspw.: Partner-Websiten

HTML-Dokument: semantische Seitenstrukturierung: <nav>

  • Navigation wie einer Sitemap oder der Hauptnavigation der Webseite
  • Oft werden Aufzählungslisten (<ul> und <li> verwendet)

HTML-Dokument: Seitenstrukturierung: <h1><h2><h3><h4><h5><h6>

  • Überschrift 1-6
  • Hinweis: innerhalb eines Sektionselementes (section, article, aside oder nav) beginnen die Überschriften von vorn, jedoch in einer tieferen Hierarchieebene

HTML-Dokument: Seitenstrukturierung: <header>

  • Kopfbereich eines Inhalts
  • wichtig - ungültige Positionen des Headers:
    • Im Header gibt es keine Sub-Header
    • darf auch nicht in footer oder address verwendet werden

HTML-Dokument: Seitenstrukturierung: <footer>

  • Fussbereich
  • wichtig - ungültige Positionen des Footers:
    • Im Footergibt es keine Sub-Footer
    • darf auch nicht in header oder address verwendet werden