WebTech -Wolf 4
Semantische Verwendung von HTML-Elementen
Semantische Verwendung von HTML-Elementen
45
0.0 (0)
Kartei Details
Karten | 45 |
---|---|
Sprache | Deutsch |
Kategorie | Informatik |
Stufe | Andere |
Erstellt / Aktualisiert | 17.01.2021 / 31.01.2021 |
Lizenzierung | Keine Angabe (jürgen wolf) |
Weblink |
https://card2brain.ch/box/20210117_webtech_wolf_4
|
Einbinden |
<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