Stoppt die Vorratsdatenspeicherung! Jetzt klicken &handeln! Willst du auch an der Aktion teilnehmen? Hier findest du alle relevanten Infos und Materialien:

Navigation:

Besucherzähler:

  • Derzeit online: 5
  • Insgesamt: 67971

Spamfresser:

  • Spams: 12427

Semantik im Web (2/4)

Kategorie HTML & CSS

Datum: 15.10.2008, 13:16 - Autor: Manko10

2. Bedeutung des Begriffs „HTML“

Was bedeutet HTML eigentlich? Viele werden jetzt lachen und schreien: „HTML heißt Hypertext Markup Language und damit kann man Texte formatieren!“
Upps…
Der erste Teil des Satzes ist korrekt, aber was ist mit dem zweiten? Der ist es nämlich mitnichten. HTML ist nicht zur Formatierung gedacht, ist es streng genommen auch nie gewesen. Diese Tatsache erklärt sich aus der Übersetzung des Begriffs Markup Language, was so viel heißt wie Auszeichnungssprache. Nun, ein deutscher Begriff, den man wiederum erst einmal in gebräuchliche Sprache übersetzen muss. Auszeichnungssprache heißt an sich, dass mit dieser Sprache etwas ausgezeichnet werden kann. Soweit ist alles klar. Doch was soll ausgezeichnet werden? Ist Formatierung eine Auszeichnung?

Ein Beispiel soll die Bedeutung dieses Begriffs verdeutlichen.
Stelle dir vor, du bist Sieger beim Hundertmeterlauf geworden und wirst nun mit einer Medaille ausgezeichnet. Aha! Da haben wir den Begriff wieder.
Diese Medaille sagt also: „Du bist der Sieger!“
Es ist von nun an möglich, dich anhand deiner Medaille als Sieger zu erkennen. Die Medaille sagt aber auf keinen Fall „Mein Besitzer hat grüne Haare und trägt Karottenhosen.“
Dies wäre ebenso verwunderlich wie die Tatsache, dass jemand mit Karottenhosen einen Hundertmeterlauf gewinnt.

Genauso verhält es sich mit HTML. HTML sagt aus, dass diese eine Textpassage eine Liste sein soll oder eine Tabelle. Es sagt nicht aus, dass dieser Text nun fett oder rot dargestellt werden soll. Mitnichten.
HTML ist also nicht zur Formatierung, sondern nur zur logischen Auszeichnung, zur Gliederung des Textes gedacht. Anhand der Hyptertext Markup Language wird einem Text eine semantische Struktur verliehen, die er vorher nicht hatte. Wie diese Textauszeichnungen hinterher aussehen sollen, dass ist nicht Sache der HTML, das ist Sache der CSS, der Cascading Stylesheets.
Auszeichnung und Formatierung sind also streng getrennt.
Des Weiteren wird durch eine zentrale Formatierung die Einheitlichkeit des Dokuments gewährleistet. Dies lässt sch ungefähr mit dem Verhalten einer Textverarbeitung vergleichen. Die HTML-Formatierungselemente sind die individuellen Formatierungen. Es wird also einem Textteil gesagt, dass er nun fett zu sein habe, ein anderer wird wiederum genötigt, kursiv zu erscheinen. Auf Dauer kann das zu einem grob ungleichmäßigen Layout führen.
Arbeitet man hingegen mit Textvorlagen, so zeichnet man eine Passage lediglich als Überschrift aus, lässt deren Darstellung aber offen.
Durch eine zentrale Formatierung, in unserem Falle also die CSS, kann dann später global gültig ein Format für bestimmte Elemente festgelegt werden. Das sichert zum einen die Einheitlichkeit der Formatierung und erleichtert zum anderen den leichten Austausch eines Formats gegen ein anderes, ohne lange, zeitaufwendig und nervenaufreibend im HTML-Code herumwerkeln zu müssen.

Die Trennung von Layout und Design bringt also unbestreitbare Vorteile. Zu einer logischen Auszeichnung gehört aber auch, dass die Elemente korrekt und ihrer Bestimmung nach angewandt und nicht etwa Überschriften als Absatzblöcke missbraucht werden.
Hilfen, um diese Trennung zu vollziehen und dabei auf die Semantik der einzelnen Elemente zu achten, bietet dieses Tutorium.

Weiter geht es mit Teil 3…

Seiten: (2/4) « 1 2 3 4 »


War dieses Tutorial hilfreich?

7 Kommentare:

Wie besprochen ^^

Datum: 15.10.2008, 18:16 - Autor: Gast

Dieser Artikel wurde von JEGO persönlich gelesen und für brauchbar befunden! (worüber der Verfasser sehr stolz ist)

Datum: 15.10.2008, 18:20 - Autor: Manko10

JEGO, du hast doch einen Knall und es tatsächlich getan! :D
Aber es freut mich, dass dir der Artikel gefällt.

Datum: 15.10.2008, 20:20 - Autor: nik

Hallo (nur mal "Hallo" wollte ich sagen, aber der Kommentarbeurteileralgorithmusbobachtermann hat sich beschwert, mein Beitrag sei zu kurz!!)

Datum: 15.10.2008, 20:28 - Autor: Manko10

Hallo zurück!
So, Blocksatz für die Kommentare wurde ausgeschaltet, Flattersatz ist angesagt!
Ja, der Beurteilungskerl ist sehr streng, aber auch sehr wirksam, wie du unschwer links am Spamfresser erkennen kannst. Seit ich den programmiert habe, ist kein Spam mehr durchgekommen.

Datum: 15.10.2008, 20:29 - Autor: nik

Geil, ein Zähler für gefresse Spams. Schöne Idee. Die klau ich dir irgendwann mal...

Datum: 30.12.2008, 21:49 - Autor: Joon

Jaja die HTML nerds ;-)

Datum: 30.12.2008, 21:55 - Autor: Manko10

Das hat nichts mit Nerds zu tun, das sollte eigentlich für jeden selbstverständlich sein. ;)

Kommentar schreiben: