SELFHTML: HTML/XHTML / Verweise (Links) / Tabulator-Reihenfolge und Tastaturkürzel für Verweise

SELFHTML/Navigationshilfen HTML/XHTML Verweise (Links)
	Tabulator-Reihenfolge und Tastaturkürzel für Verweise
	Tabulator-Reihenfolge für Verweise Tastaturkürzel für Verweise

Tabulator-Reihenfolge für Verweise

Modernere Browser erlauben es, mit Hilfe der Tabulator-Taste an der Tastatur nacheinander die Verweise einer HTML-Datei anzuspringen (mit der Return-Taste ist der Verweis dann ausführbar).

Normalerweise werden die Verweise dabei in der Reihenfolge angesprungen, in der sie in der Datei definiert sind. Sie können in HTML jedoch eine andere Reihenfolge festlegen, zum Beispiel, um beim Anspringen von Verweisen zuerst Projektverweise und erst dann Verweise zu anderen WWW-Seiten anzubieten.

Beispiel:

Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>Steppen Sie mal mit [Tab] durch</h1>

<p>
<a href="http://german.imdb.com/" tabindex="4">Movie Database</a><br>
<a href="http://www.theonlineblues.com/" tabindex="2">Chart Lyrics</a><br>
<a href="http://www.meinestadt.de/" tabindex="1">Meine Stadt</a><br>
<a href="http://http://paperball.fireball.de/" tabindex="3">Paperball</a>
</p>

</body>
</html>

Erläuterung:

Mit dem Attribut tabindex im einleitenden Verweis-Tag können Sie Angaben zur Tabulator-Reihenfolge machen. Notieren Sie die Angabe in allen Verweisen und vergeben Sie bei jeder Angabe eine Zahl. Beim Anspringen der Verweise mit der Tabulator-Taste wird zuerst der Verweis mit der niedrigsten Tabindex-Nummer angesprungen, dann der mit der zweitniedrigsten usw. und als letztes der Verweis mit der höchsten Tabindex-Nummer. Im obigen Beispiel wird also zuerst der dritte Verweis angesprungen, dann der zweite, dann der vierte und zuletzt der erste.

Es sind Zahlen zwischen 0 und 32767 erlaubt.

Beachten Sie:

Die Tabindizes beziehen sich stets auf die gesamte angezeigte Datei. Dabei werden auch Formulare, Verweisbereiche in verweis-sensitiven Grafiken und Objekte mit einbezogen. Wenn Sie außer normalen Verweisen auch solche Elemente in Ihrer Datei haben, sollten Sie die Tabulator-Reihenfolge für alle Elemente gemeinsam festlegen. Siehe auch Tabulator-Reihenfolge bei Formularen.

Opera 6 unterstützt in der Mac-Version tabindex.

Tastaturkürzel für Verweise

Sie können dem Anwender anbieten, mit einem Tastendruck zu einem bestimmten Verweis zu springen. Der Verweis wird damit angesprungen - ausgeführt werden kann er anschließend durch Betätigen der Return-Taste.

Beispiel:

Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>Greifen Sie in die Tasten!</h1>

<p>
<a href="http://www.selfhtml.org/" accesskey="s">SELFHTML</a> [Alt]+[s]<br>
<a href="http://www.polylog.org/" accesskey="p">Polylog</a> [Alt]+[p]<br>
<a href="http://hrw.org/" accesskey="h">Human Rights Watch</a> [Alt]+[h]
</p>

</body>
</html>

Erläuterung:

Mit dem Attribut accesskey= im einleitenden Verweis-Tag können Sie ein Zeichen auf der Tastatur bestimmen, das der Anwender drücken kann, um den Verweis direkt anzuspringen (accesskey = Zugriffstaste). Bei den meisten Browsern ist es so geregelt, dass Sie bei accesskey einen Buchstaben angeben können, der dann mit [Alt] und der Taste für den Buchstaben direkt anwählbar ist. In Opera erreichen Sie die Ziele, indem sie zuvor die Tastenkombination [Shift][Esc] betätigen. Safari benutzt statt der [Alt]-Taste die Taste [Ctrl].

Beachten Sie:

Benutzen Sie Tasten, die auf jeder Tastatur zu finden sind. Funktionstasten etwa, wie es sie auf MF-II-Tastaturen für MS Windows gibt, können Sie mit dieser Angabe auch gar nicht ansprechen.

Weisen Sie den Anwender im Text auf die Möglichkeit des Tastaturzugriffs hin. Benutzen Sie dann auch einheitliche Tastaturkürzel, beispielsweise auf jeder Seite ein h für den Rückverweis zur Homepage.


	Grafiken einbinden
	Typisierte Verweise

SELFHTML/Navigationshilfen HTML/XHTML Verweise (Links)