Ijs2019medienpartner.jpg

SELFHTML ist in diesem Jahr Medienpartner der IJC.

Für die Konferenz vom 21. – 25. Oktober 2019 in München verlosen wir ein Freiticket.

Weitere Informationen finden sich im SELFHTML-Forum.

Vorlage:Iconset

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Verwendungszweck

Diese Vorlage dient zum Auflisten beliebig vieler Icons. Die Ausgabe erfolgt in einem ul-Element mit gefloateten li-Elemente und anschließendem clear. Das heißt also, dass die Ausgabe im Block erfolgt. In einen Fließtext können und sollten die Icons einzeln und mit der Vorlage:Icon eingebaut werden.

Technische Hinweise

Die Anzeige der einzelnen Icons wird an die Vorlage:Icon weitergereicht. Wenn Namen oder Alternativnamen hinzugefügt werden sollen, so muss das dort erfolgen. Die einzelnen Icons befinden sich in den beiden Dateien Datei:Iconset.png und Datei:Iconset-Extended.png und werden mittels CSS selektiert, eine Art Foreground-CSS-Sprites. Informationen zum Aufbau der Grafiken stehen unter Datei:Iconset.png.

Verwendung

Normale Anzeige, beispielsweise in Tabellenzellen

  • Leer
  • Leer
  • Leer
{{Iconset|name1|name2|...}}

Anzeige am rechten Seitenrand

etwa als Metadaten vor der Beschreibung von HTML-Elementen, CSS-Eigenschaften usw.

  • Achtung
  • Visuell
  • Lesen, Schreiben / Read, Write
{{Iconset|meta|name1|name2|...}}
{{Iconset|metadaten|name1|name2|...}}
Beachten Sie: Der Parameter meta muss zwingend der erste sein.

Mit Link zu caniuse

{{Iconset|caniuse=border-radius|name1|name2|...}}
  • Firefox
  • IE

Details: caniuse.com

{{Iconset|meta|caniuse=border-radius|name1|name2|...}}
  • IE
  • Chrome
  • Firefox

Details: caniuse.com

Die URLs bei caniuse sind wie folgt aufgebaut:

http://caniuse.com/#feat=border-radius

Als Wert für den Parameter caniuse ist lediglich der Teil nach dem Gleichheitszeichen zu übergeben, also

{{Iconset|meta|ie|chr|ff|caniuse=border-radius}}

Der Parameter caniuse kann dabei an einer beliebigen Stelle stehen, nur nicht an der ersten, falls der Parameter meta genutzt werden soll.

Verfügbare Icons

Es gibt den speziellen Namen br, mit dem ein Zeilenumbruch eingefügt werden kann.

  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
  • Achtung
  • Leer

Die kursiv geschriebenen Namen sind alternative Schreibweisen.

Da alle Browser mittlerweile bei schnellen Versionswechseln von teilweise nur noch 6 Wochen und hohen Versionsnummern angelangt sind, ist die konkrete Angabe einer Version heute nicht mehr sinnvoll.[1]

Bei alten Angaben einer Version wird (durch CSS) das versionsfreie Icon angezeigt.

Icons Namen
  • Chrome
Chrome: chr
  • Firefox
Firefox: fx, (ff)
  • IE
  • IE 8
  • IE 9
  • IE 10
  • IE 11
  • Edge
IE: ie, ie8, ie9, ie10, ie11, edge
  • Opera
Opera: op
  • Safari
  • Safari 8
  • Safari 9
  • Safari 10
  • Safari 11
Safari: saf, saf8, saf9, saf10, saf11
  • HTML 2.0
  • HTML 3.2
  • HTML 4.0
  • HTML5
HTML: html2, html3.2, html4, html5
  • XHTML 1.0
  • XHTML 1.1
XHTML: xhtml1.0 (xhtml1), xhtml1.1
  • CSS 1.0
  • CSS 2.0
  • CSS 2.1
  • CSS 3.0
CSS: css1, css2, css2.1, css3
  • DOM 1.0
  • DOM 2.0
  • DOM 3.0
DOM: dom1, dom2, dom3
  • ECMA 1
  • ECMA 2
  • ECMA 3
  • ECMA 4
  • ECMA 5
  • ECMA 6
ECMA: ecma1, ecma2, ecma3, ecma4, ecma5,ecma6
  • JScript
  • JavaScript 1.0
  • JavaScript 1.1
  • JavaScript 1.2
  • JavaScript 1.3
  • JavaScript 1.4
  • JavaScript 1.5
  • JavaScript 1.6
  • JavaScript 1.7
  • JavaScript 1.8
JavaScript: jsms, js1.0 (js1), js1.1, js1.2, js1.3, js1.4, js1.5, js1.6, js1.7, js1.8
(JSMS steht für JScript von Microsoft)
  • jQuery
  • jQuery 1.0
  • jQuery 1.1
  • jQuery 1.2
  • jQuery 1.3
  • jQuery 1.4
  • jQuery 1.5
  • jQuery 1.6
jQuery: jq, jq1.0, jq1.1, jq1.2, jq1.3, jq1.4, jq1.5, jq1.6
  • Achtung
  • Visuell
  • Aural
  • Druck
  • Nur Lesen / Read Only
  • Lesen, Schreiben / Read, Write
  • Frei
  • Leer
  • Leer
  • Leer
Diverses: achtung (deprecated), visuell, aural, print, ro, rw, frei, leer, leer1, leer2
  • XML 1.0
  • XSLT 1.0
  • XPath 1.0
XML: xml1.0 (xml1), xslt1.0 (xslt1), xpath1.0 (xpath1)
  • SVG 1.0
  • SVG 1.1
  • SVG 1.2
  • SVG 2
SVG: svg1.0, svg1.1, svg1.2, svg2
  • MathML 1.0
  • MathML 2.0
  • MathML 3.0
MathML: mathml1, mathml2, mathml3
  • PHP 4
  • PHP 5
  • PHP 7
PHP: php4, php5, php7
  • Perl 5.6
  • Perl 5.8
  • Perl 5.10
  • Perl 6.0
Perl: perl5.6, perl5.8, perl5.10, perl6
  • Java
  • Java 1.0
  • Java 1.1
  • Java 1.2
  • Java 1.3
  • Java 1.4
  • Java 5
  • Java 6
  • Java 7
  • Java 8
Java: java, java1.0, java1.1, java1.2, java1.3, java1.4, java1.5, java1.6, java1.7, java1.8

oder: java, java0, java1, java2, java3, java4, java5, java6, java7, java8

  • ActionScript 1.0
  • ActionScript 2.0
  • ActionScript 3.0
ActionScript: as1, as2, as3
  • Flash 2
  • Flash 3
  • Flash 4
  • Flash 5
  • Flash 6
  • Flash 7
  • Flash 8
  • Flash 9
  • Flash 10
Flash: flash2, flash3, flash4, flash5, flash6, flash7, flash8, flash9, flash10
  • Silverlight 1.0
  • Silverlight 2
  • Silverlight 3
  • Silverlight 4
Silverlight: sl1, sl2, sl3, sl4
  • Apache 1.3
  • Apache 2.0
  • Apache 2.2
  • Apache 2.4
Apache: ap1.3, ap2.0, ap2.2, ap2.4
  • IIS 1.0
  • IIS 2.0
  • IIS 3.0
  • IIS 4.0
  • IIS 5.0
  • IIS 5.1
  • IIS 6.0
  • IIS 7.0
  • IIS 7.5
IIS: iis1, iis2, iis3, iis4, iis5, iis5.1, iis6, iis7, iis7.5
  • CGI 1.0
  • CGI 1.1
CGI: cgi1.0, cgi1.1
  • HTTP 1.0
  • HTTP 1.1
  • HTTP 2
HTTP: http1.0, http1.1, hhtp2
  • SSL 1.0
  • SSL 2.0
  • SSL 3.0
SSL: ssl1, ssl2, ssl3
  • TLS 1.0
  • TLS 1.1
  • TLS 1.2
TLS: tls1.0, tls1.1, tls1.2
  • SSI
  • FTP
  • MIME 1.0
Diverses Extended: ssi, ftp, mime1

Quellen

  1. Selfhtml-Forum: obsolete Versionsangaben in Vorlage:Iconset vom 03.11.2016