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
Flattr
Blogrolle
- Björn Seibert
Webdesign & Rest - Christoph Koeberlin
Typographie verstehen - Der Spiegelfechter
Zeitgeschehen - Feynsinn
Politisches - Gerrit van Aaken
Webdesign & Rest - Jeffrey Zeldman
Jeffrey Zeldman eben - Mathias Schäfer
Webstandards & so - Nico Brünjes
ZEIT-Website-Mensch - Peter Kröner
Webdesign, Rants & Rest - Stefan Münz
Zur Zukunft und Gegenwart des Web
Podroll
- Boagworld
Paul Boag & Marcus Lillington - Chaosradio Express
Tim Pritlove und Gäste - Elektrischer Reporter
Aufklärung netzpolitischer Themen - Medienradio
Podcast über Medien (srsly!) - Read Between the Leading
Design allgemein - Technikwürze
Webdesign & Rest
Soziale Netzwerke
- Amazon-Wunschliste
Auf dass man mich reich beschenke - dasauge
Profil und Portfolio - Delicious
Social Bookmarking - Formspring.me
Obwohl schon alles über mich gesagt ist. - Google Reader Shared Items
Was ich lese und gut finde - last.fm
Meine Musik - Twitter
Lyrik & Prosa - Xing
Geschäftliches
Twitroll
- @font
Tobias Otte - @freshmango
Dennis Frank - @Herr_Gabriel
Gabriel Shahzad - @netzpolitik
Markus Beckedahl - @timpritlove
Tim Pritlove