Stil mit {stil}

„Wer zwei Leerzeichen hintereinander setzt, macht was falsch oder kennt keinen Tabulator“ … In diesem Sinne kollabieren in HTML aufeinander folgende Leerzeichen – es sein denn, das unaussprechliche &nbps; wird zur Hilfe genommen und sorgt für einen unleserlichen Code, denn mit einem Tabulator hat uns HTML nicht versorgt.

*** 1988 C.I.E. Photopische Leuchteffizienz-Funktion ***

Wellenlänge +0 nm +1 nm +2 nm +3 nm
380 nm 0.0002000 0.0002280 0.0002610 0.0002990
385 nm 0.0003960 0.0004550 0.0005250 0.0006040
390 nm 0.0008000 0.0009160 0.0010500 0.0012000
395 nm 0.0015500 0.0017500 0.0018800 0.0022300
400 nm 0.0028000 0.0031200 0.0034600 0.0038300

Anstelle vieler unleserlicher „nuspse“ wirkt der Stil white-space: pre wie ein pre-Tag. Zusammen mit einem Monospace-Font gibt’s dann schönes Einrücken. Damit z.B. eine einfach formatierte Tabelle nicht aussieht wie Computercode, ist Lucida Console ist ein gut lesbarer Monofont auf dem PC und wird mit Windows XP installiert. Monaco ist das Pendant auf dem Mac.

white-space: pre funktioniert in allen modernen Browsern, für MSIE muss das Dokument allerdings als “strict” vorliegen, sonst werden die Leerzeichen auch weiterhin verschluckt. So also landen tabellarische Daten blitzschnell ohne Tabelle in der Webseite (was n a t ü r l i c h auch mit einem <pre>-Tag funktionieren würde – aber white-space: pre wirkt auch inline mit Hilfe eines <span>-Tags).