Chuck Norris hat ein „Sie haben gewonnen“-Banner angeklickt. Und er hat gewonnen!

27.04.09

HTML: Spezifikation vs. Semantik

Was mir in letzter Zeit immer öfter nicht passt ist die Tatsache, dass die HTML-Spezifikation verbietet, h-Elemente mit einem a-Element zu umschließen.

Hyperlinks sind bekanntlich von Natur aus Inline und Überschriften Blocks. Und da ein Block nicht von einem Inline umschlossen werden darf, kann man h1, h2 und Konsorten nicht als Hyperlink auszeichnen.

Doch genau das ist es, was man – semantisch gesehen – am häufigsten machen möchte. Nehmen wir als Beispiel eine Blog-Übersichtsseite. Man hat mehrere Beiträge mit Überschriften, die auf den jeweiligen Beitrag verlinken (sog. Permalinks). Man hat also eben keine Hyperlinks auf Beiträge, die man als Überschriften auszeichnen, sondern Überschriften, die man verlinken möchte.

Generell ist ein Hyperlink sehr oft die letzte umschließende Instanz, denn er hat im Grunde keine weitere Bedeutung, als dass er eine andere Seite als Zusatzinformation oder Weiterführung angibt. Eine Abkürzung (abbr oder acronym) sollte also in fast allen Fällen wie folgt ausgezeichnet werden:

Die <a href="http://de.wikipedia.org/wiki/Vereinte_Nationen"><acronym title="United Nations Organization">UNO</acronym></a> ist ein Zusammenschluss von ...

Ich möchte meine Abkürzung mit einer Zusatzinformation versehen und nicht meinen Hyperlink als Akronym auszeichnen.

Kommentare [8]

Dennis Frank am 28.04.2009 um 03:39

Genau das ist nun aber ein wirklich guter und pragmatischer Grund für HTML5. Links um Blockelemente kann man damit schon heute einsetzen und es sollte auch auch in allen gängigen Browsern funktionieren.

Gerrit am 28.04.2009 um 06:33

In HTML 5 ist’s erlaubt, alle Browser haben damit keinerlei Probleme – do it!

adrian_broher am 28.04.2009 um 07:09

HTML5 ist der letzte Ranz. Aber unabhaengig davon:

Das a tag hatte (meiner Meinung nach) noch nie eine semantische Aussage, sondern war nur ein Workaround fuer ein generisches Hyperlinkkonzept. Dieses Konzept wurde in Form des HLink beziehungsweise XLink umgesetzen.

Markus am 28.04.2009 um 14:13

Soweit ich weiß darf in HTML 5 auch das Attribut »href« auf jedes beliebige Element angewendet werden. Das ist tatsächlich wohl am sinnvollsten. Dass man auch inline um blocks wrappen darf, wusste ich nicht.

@adrian_broher: Warum meinst du, dass HTML 5 Ranz ist? Meiner Meinung nach ist es auch nicht das, was es sein könnte; aber im Großen und Ganzen doch besser als weitere Jahre warten auf XHTML 2.

adrian_broher am 28.04.2009 um 15:15

- Elemente werden konkretisiert anstatt generalisiert. aside, nav koennten besser durch das generelle Konzept der role umgesetzt werden.
Es bedarf keiner Unterscheidung zwischen video, audio, img und applet, da dies alles erst einmal referenzierte objekte sind und dafuer gibt es schon einen sinnvollen tag: object.

- Der Muell wurde nicht entsorgt.
Was hat der font tag da noch zu suchen? Wieso duerfen wysiwyg diesen noch benutzen?
i, b, small, iframe existieren noch.

- vordefinierte classnames
Das ist einfach nur ein bitterer hackaround fuer die fehlenden role Attribute.

IMO ist XHTML2 einfach die bessere Loesung.

http://xhtml.com/de/future/x-html-5-versus-xhtml-2/

btw: unter Opera funktioniert die Vorschaufunktion nur bedingt (sprich genau einmal).

Markus am 28.04.2009 um 16:10

Ich stimme dir voll zu, XHTML 2 ist durchaus der bessere Ansatz. XHTML 2 ist aber derzeit in noch weiterer Zukunft als voll unterstütztes HTML 5.

Zum font-Element hatte ich vor einigen Monaten auch etwas geschrieben: http://markus-schlegel.com/weblog/das-font-element

btw: unter Opera funktioniert die Vorschaufunktion nur bedingt (sprich genau einmal).

UAS? Ich konnte das unter Ubuntu 9.04 (i368) mit Opera 9.64 nicht reproduzieren.

adrian_broher am 28.04.2009 um 16:17

UAS? Ich konnte das unter Ubuntu 9.04 (i368) mit Opera 9.64 nicht reproduzieren.

Frisch aus dem Labor: Opera/10.00 (Windows NT 5.1; U; Edition Turbo; en) Presto/2.2.0

Markus Schlegel am 4.06.2009 um 11:40

In der aktuellen Beta, die heute erschienen ist, scheint das Problem behoben zu sein.

Kommentar verfassen

Textile-Hilfe

  • *stark*
  • _betont_
  • "Link":http://url.com/
  • bq. Zitatkasten
  • bc. Code-Block
Der Kommentar kann erst abgeschickt werden, wenn man mindestens einmal die Vorschaufunktion aktiviert hat.

Flattr

Blogrolle

Podroll

Soziale Netzwerke

Twitroll