nicht angemeldet
Hallo at,
.printonly { display:none; }
<a href="http://selfhtml.teamone.de/cgiperl/intro/ssi.htm">
SelfHTML-Artikel zu SSI<span class="printonly"> -
http://selfhtml.teamone.de/cgiperl/intro/ssi.htm</span></a>
Ich halte deine Methode für unglücklich, da die URL-Angabe so zum HTML-Code
gehört und daher von entsprechenden Browsern mit vorgelesen werden dürfte.
Das bezweifele ich. Warum? In der Fahner Image Replacement Technik, die in
der amerikanisches CSS-Szene zur Zeit so beliebt, wird ja ähnlich vorgegangen,
nämlich daß im strukturierenden Element ein span die alternative, also die
Textversion beinhaltet. Nun krankt diese Technik daran, daß Screenreader
durchaus das eigentlich für die Bildschirmdarstellung gedachte display:none;
auch auf sich beziehen, d.h. der Alternativtext wird nicht bedacht bzw.
vorgelesen. Ebenso dürfte das hier der Fall sein. Ich habe die FIR-Entwicklung
nicht weiter beobachtet, aber dort gibt es eventuell interessante Workarounds
für dieses Problem.
Trotzdem mag ich diese Lösung intuitiv nicht wirklich. Ich finde, beim
Tippen eines Dokumentes sollte man als Minimum einen Browser ohne CSS
annehmen. Und dann erscheint einem diese Doppelung der URL doch als recht
fragwürdig bis stilistisch falsch. Doch leider ist beim derzeitigem Stand
der Technik dieses noch unmöglich, echte, automatisierte Fußnotentechnik
für den Druck ist erst in CSS 3 angedacht.
Ich finde für den Druck ist die Fußnote zur Mitteilung der konkreten URL
das praktischste und für den Leser das nichtstörenste Mittel. Mein Vorschlag
wäre deswegen eine klassische hartkodierte Fußnoteauflistung am Ende, die
eventuell auch in der Bildschirmdarstellung auftauchen kann:
Im Fließtext:
<p>... wie man auch Stefan Münz' ausgezeichnetem Kapitel über den
<a href="http://selfhtml.teamone.de/intro/hypertext/index.htm" id="link-6" class="fliesstext">Hypertext</a>
<a class="fussnote" href="#fussnote-6"><sup>[6]</sup></a>
lesen kann ...
</p>
(Nein, lasst uns jetzt keine Threaddrift zu <sup> anfangen, ja? ;)
Die Fußnotenauflistung am Ende:
<ol id="fussnotenliste">
...
<li id="fussnote-6">
<a href="http://selfhtml.teamone.de/intro/hypertext/index.htm">
http://selfhtml.teamone.de/intro/hypertext/index.htm
</a>
</li>
...
</ol>
Es ist auch eine Zurückverlinkung von der aktuellen Fußnote zurück zum
Fließtext (#link-6) denkbar, ich habe sie hier aber wegen der Klarheit
des Quelltexts gekippt.
Ich schreibe mal etwas potentielles CSS auf, das mir zu obigem Beispiel
passen würde, wichtig ist mir aber, das diese Struktur auch ohne CSS
funktionsfähig ist.
@media screen {
a.fussnote, ol#fussnotenliste {
display:none;
}
}
@media print {
a.fliesstext:link, a.fliesstext:visited {
text-decoration:none;
}
}
Aber mehr ist sicherlich auch noch möglich. Ja, meine vorgeschlagene
Struktur ist redundant. Aber sie ist funktionstüchtig ohne CSS
vorauszusetzen, etwas, das manchmal doch wertvoller ist, als bestimmte
Ideale.
Tim