Wissensdatenbank von GCSoft

>> Wissensdatenbank / HTML und CSS

HTML-Tags

Struktur-Tags

Tag Beispiel Beschreibung Attribute
doctype <!doctype html> Gibt den Dokumenttyp an. -
html <html>...</html> Anfang und Ende eines HTML-Dokuments, Wurzelelement. lang
head <head>...</head> Kopf eines HTML-Dokuments. -
body <body>...</body> Körper eines HTML-Dokuments. -

Kopf-Tags

Tag Beispiel Beschreibung Attribute
title <title>...</title> Titel des HTML-Dokuments. -
base <base> Setzt Basis-URLs/Ziele für alle relevanten URLs in einer Webseite. href, target (_self, _blank, _parent, _top)
link <link> Setzt logische Links des HTML-Dokuments zu anderen Dateien, die eingebunden werden sollen. href, hreflang, media, rel (alternate, author, archives, help, icon, license, next, prev, first,
last, up, prefetch, pingback, search, sidebar, stylesheet, tag), size, type
style <style>...</style> Setzt die lokalen Stylesheetregeln für das HTML-Dokument. media, type
script <script>...</script> Bindet die clientseitigen Skripte ein. Darf auch im Dokumentkörper (mehrfach) verwendet werden.
Wird mit src ein externes Skript referenziert, so muss der Bereich zwischen dem script-Start-
und dem script-Ende-Tag leer bleiben.
async, charset, defer, src, type
meta <meta> Sezt Metadaten wie Beschreibungen oder den Zeichensatz für das HTML-Dokument. charset, name/content (author, keywords, description, robots, ...), http-equiv/content (refresh, ...)
Übersicht über die Bedeutung aller Metaangaben: www.metatags.org/all_metatags

Tags des sichtbaren Bereichs

HTML-Elemente für die Seitenstrukturierung

Tag Beispiel Beschreibung Attribute
section <section>...</section> Unterteilung des HTML-Dokuments in verschiedene Abschnitte/Sektionen.
Kann geschachtelt werden.
-
article <article>...</article> Unterteilung von Inhalten in einen in sich geschlossenen themenspezifischen Block. -
aside <aside>...</aside> Wird für marginae Informationen eines Inhalts wie einer Seitenleiste oder für zusätzliche
Informationen zu einem Artikel verwendet.
-
nav <nav>...</nav> Element zur Auszeichnung von Navigation(en) wie einer Sitemap oder der
Hauptnavigation der Webseite.
-
h1, h2, h3,
h4, h5, h6
<h1>...</h1>
<h6>...</h6>
Überschriften der 1. bis 6. Ordnung. -
header <header>...</header> Kopfbereich eines Inhalts. -
footer <footer>...</footer> Fußbereich eines Inhalts. -
address <address>...</address> Kontaktinformationen zum Autor des Inhalts. -
style <style>...</style> Setzt die lokalen Stylesheetregeln für das HTML-Dokument. Egal, wo im Body ein Stylesheet
gesetzt wird, das letzte Stylesheet gilt für den gesamten Body-Bereich.
media, type