Webauftritt der Institute der TUHH

Style Guide

Icon-Klassen für Dateiformate

Die nachfolgende Tabelle gibt einen Überblick über die Icons, die die unterschiedlichen Dateiformate verlinkter Dokumente kennzeichnen. Die Beispiellinks dienen lediglich der Anschauung. Das Linkziel ist immer diese Seite selbst. Es ist kein Dokument angegebenen Typs verlinkt.

Icon	Klassenname	Dateiformat	Beispiel
	bild	Bild	Link auf ein Bild
	doc	WinWord-Dokument	Link auf ein WinWord-Dokument
	exe	ausführbare Datei	Link auf eine ausführbare Datei
	file	sonstiges Dateiformat	Link auf ein sonstiges Dokument
	mail	Mailadresse	Link auf eine Mailadresse
	odp	OpenDesktop Präsentation	Link auf eine OpenDesktop Präsentation
	ods	OpenDesktop-Spreadsheet	Link auf ein OpenDesktop Spreadsheet
	odt	OpenDesktop Text-Dokument	Link auf ein OpenDesktop Text-Dokument
	pdf	PDF-Dokument	Link auf PDF-Dokument
	ps	Postscript-Dokument	Link auf ein Postscript-Dokument
	ppt	PowerPoint-Dokument	Link auf eine PowerPoint Präsentation
	rtf	RichText-Dokument	Link auf ein RichText-Dokument
	tar	Tar-Paket	Link auf ein Tar-Paket
	txt	Text-Dokument	Link auf ein Text-Dokument
	tgz	TarGz-Paket	Link auf ein TarGz-Paket
	xls	Excel-Sheet	Link auf ein Excel-Sheet
	xml	XML-Dokument	Link auf ein XML-Dokument
	zip	ZIP-Paket	Link auf ein ZIP-Paket

Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext. Ein Link auf ein Postscript-Dokument Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext. Und zum Test das Ganze mal in einem Fließtext.

Syntax-Beispiel: Link auf eine PDF-Datei

Quelltext:

<a class="pdf" title="PDF-Dokument" 
   href="./Barrierefreie_Informationstechnik-Verordnung_BITV.pdf">
Barrierefreie Informationstechnik-Verordnung (BITV)</a>

Darstellung im Browser:

Hinweise:

• Automatische Zeilenumbrüche im Linktext werden unterdrückt. Diese Style-Klassen sollten deshalb nur dann eingesetzt werden, wenn Zeilenumbrüche im Linktext bei normaler Fenstergröße nicht zu erwarten sind.
• Im Sinne der Barrierefreiheit ersetzen die Icons eine Beschreibung des Links nicht. Dieser Linktext ist nachwievor notwendig und muss so gekennzeichnet sein, dass er ohne Farbe und ohne Bilder gut sichtbar ist, z.B. durch Unterstreichen.
• Quelle der Icons