16.03.09
Sind Links zum Seitenanfang wirklich notwendig?
Seiten-interne Verweise (Anker) sind toll. Man kann auf einen bestimmten Abschnitt verlinken und muss nicht etwa schreiben Dem Link folgen und dann bis […] scrollen
.
Allerdings bin ich mit einer ganz bestimmten Art solcher Links mittlerweile überhaupt nicht mehr einverstanden. Und zwar solche, die den Nutzer zum Seitenanfang zurück führen. Meist sind diese mit »Top« bezeichnet.
Aber wie komme ich dazu, das zu verachten, was auf fast jeder Website zu finden ist?
Im Grunde ist die Antwort ganz simpel: Weil es die Aufgabe des Browsers ist und nicht die der Seite. Schriftvergrößerung, Tabs-Öffnen, Vor- und Zurück; all’ das gehört in die Hände des Nutzers und somit zu den Funktionen des Browsers oder des Betriebssystems.
Außerdem muss für den Top-Bereich ein unnötiges Element ins Markup eingebunden werden, nur um es dann per CSS wieder auszublenden. Semantischer wird das HTML damit auf keinen Fall.
Kommentare [9]
Nico am 16.03.2009 um 14:47
Bin genau deiner Meinung, ist wiederum unnötig und eine Funktion die der Browser beherrschen sollte … soviel zum Thema Webstandards ;)
BajK am 7.09.2009 um 03:25
<a id=“top”></a>, was muss da ausgeblendet werden?
Francesco am 16.12.2009 um 17:02
Der letzte Absatz bezieht sich nicht auf den Link zum Seitenanfang, weil man dafür im Top-Bereich kein Element hinzufügen muss. Mit “Links zum Seitenanfang” hat er (der Absatz) also eher weniger zu tun.
Markus Schlegel am 16.12.2009 um 20:09
Damit der Link funktioniert, muss man ein Element einfügen. So besser?
Francesco am 16.12.2009 um 21:04
Ja.
Links zum Seitenanfang tut man zwar selten per CSS ausblenden, aber egal. Semantisch gesehen ist ein Link zum Seitenanfang auch völlig in Ordnung. Das HTML wird dann sicher nicht unsemantischer.
Vom letzten Absatz mal abgesehen stimme ich dir aber dennoch zu.
Markus Schlegel am 16.12.2009 um 22:48
Ich glaube, wir reden aneinander vorbei. Beschreibe einfach mal ungefähr, wie du einen „Link zum Seitenanfang“ umsetzen würdest. (z.B. mit Pseudo-HTML-Snippets)
Francesco am 17.12.2009 um 19:43
Ok. Sagen wir mal der der Kopfbereich der Website ist so aufgebaut:
<!DOCTYPE html>
…
<div id=“header”>
<h1>Max Mustermann</h1>
…
</div>
Am Seitenende steht ein Link, der zu der ID “header” verlinkt, also zum Seitenfang:
<p><a href=”#header”>Zum Seitenanfang springen.</a></p>
Das meine ich mit “Link zum Seitenanfang”. :-)
Markus Schlegel am 17.12.2009 um 20:46
Okay, wenn man davon ausgehen kann, dass header das (visuell) oberste Element der Seite ist, kann man das so machen und es erfordert kein unnötiges Markup, das stimmt.
Meist wird es aber so gemacht, dass ganz am Anfang des Body ein leeres a eingefügt und mit einer ID versehen wird. Zumindest ist mir das sehr häufig begegnet.
Francesco am 17.12.2009 um 22:19
Das ist natürlich was anderes. Dann ergibt der letzte Absatz schon mehr Sinn.
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