Fachbereich Informatik/Semantische HTML-Tags

Dieses Projekt gehört zum Fachbereich Informatik.

Semantische HTML-Tags sind HTML-Tags, die zur Kennzeichnung von bestimmten Inhaltstypen eines HTML-Dokuments dienen.

HTML ist nicht zur Gestaltung von Webseiten, sondern zur Kennzeichnung (Markierung - engl. Markup) von Textbestandteilen erfunden. Mittels HTML bekommen Textbestandteile also eine bestimmte Bedeutung. Für das Aussehen, also für die Gestaltung der markierten Textabschnitte, ist CSS zuständig.

Satzteilmarkierungen

Nicht immer sind es ganze Absätze, die als ein bestimmter inhaltlicher Textkomplex markiert werden sollen. Auch einzelne Satzbestandteile können für das Erschließen der inhaltlichen Aussage markiert werden.

Betonungen, Akzentuierung

Einzelne Satzbestandteile, welche beim (Vor-)Lesen besonders betont oder akzentuiert werden sollen, werden durch das "em"-Tag markiert. Innerhalb der Wikisoftware kann dieses Tag ebenfalls verwendet werden.

Ersatzweise wird in der Wikisoftware zur bequemeren Nutzung ein doppeltes Apostroph "''" verwendet. Allerdings resultiert daraus keine Betonung, sondern eine "kursive Schreibweise". Für barrierefreies Webdesign ist daher die Verwendung des "em"-Tags zu bevorzugen.

HTML-Code	Wikicode
Was willst <em>Du</em> schon wieder? Komm bitte <em>pünktlich</em>! Komm <em>diesmal</em> bitte pünktlich!	Was willst ''Du'' schon wieder? Komm bitte ''pünktlich''! Komm ''diesmal'' bitte pünktlich!
Wie es in der Wikisoftware aussieht
Was willst Du schon wieder? Komm bitte pünktlich! Komm diesmal bitte pünktlich!

Hervorhebung, Überzeugung

Eine weitere Möglichkeit zur Hervorhebung bietet das "strong"-Tag, womit Textabschnitte markiert werden, die "überzeugend" auszusprechen, bzw. vorzulesen sind. Innerhalb der Wikisoftware kann dieses Tag ebenfalls verwendet werden.

Ersatzweise wird in der Wikisoftware zur bequemeren Nutzung ein dreifaches Apostroph "'''" verwendet. Allerdings resultiert daraus keine überzeugende Sprechweise, sondern eine "fette Schreibweise". Für barrierefreies Webdesign ist daher die Verwendung des "strong"-Tags zu bevorzugen.

HTML-Code	Wikicode
Genau <strong>das</strong> habe ich Dir doch schon hundertmal gesagt!	Genau '''das''' habe ich Dir doch schon hundertmal gesagt!
Wie es in der Wikisoftware aussieht
Genau das habe ich Dir doch schon hundertmal gesagt!

Weiterführende Hinweise

Weblinks

<a href="#">link</a>

E-Mail-Adresse

<a href="mailto:">email</a> <address>test</address>

Kurzinfo

Unter Kurz- bzw. Quickinfo wird in HTML-Dokumenten eine kurze Erläuterung zu einzelnen Textbestandteilen verstanden. Diese kann dauerhaft sichtbar sein oder erst beim Überfahren des entsprechenden Textteils mit dem Mauszeiger aktiviert werden.

Prinzipiell kann jedes HTML-Tag zur Markierung von Text mit solchen zusätzlichen Informationen versehen werden, indem es das Attribut "title" mit dem Text der Kurzinfo als Wert erhält. Innerhalb der Wikisoftware gibt es hierfür keine extra Entsprechung.

HTML-Code	Wikicode
<cite title="Martin Luther zum Beischlaf">In der Wochen zwier, schadet weder ihm noch ihr</cite>	Keine Entsprechung
Wie es in der Wikisoftware aussieht
In der Wochen zwier, schadet weder ihm noch ihr  (Hinweis: Die Maus bitte mal auf den vorangehenden Text zeigen lassen)

Für die besonderen Fälle eines Akronyms oder einer Abkürzung existieren die speziellen HTML-Tags "acronym" und "abbr". Diese werden allerdings nicht von der Wikisoftware unterstützt: Ersatzweise können hier die Vorlagen {{acronym|...|...}} bzw. {{abbr|...|...}} eingesetzt werden.

HTML-Code	Wikicode
<acronym title="Gnu's Not Unix">GNU</acronym>	{{acronym| GNU |Gnu's Not Unix}}
Wie es in der Wikisoftware aussieht
GNU  (Hinweis: Die Maus bitte mal auf den vorangehenden Text zeigen lassen)

Zitate

Kurzzitate

cite

Langzitate

Text

Weblinks

• Stefan Bucher: HTML-Grundlagen. Internet Tutorial
• Dokumententypbeschreibung beim "WWW-Consortium"