template
Sowohl Programme als auch Web-Applikationen bieten oft eine Historie an, in der sich nachlesen lässt, ob und wann es neue Funktionen, Erweiterungen oder Änderungen gab.
Vor allem für Benutzer ist es wichtig zu wissen, dass evtl. bestimmte Versionsstände fehlerhaft sind, und ob dies in neueren Versionen behoben wurden.
Optisch ist die Historie eine simple Liste, deren Zeilen in Versionsblöcken gruppiert sind. Der Ordnung und schnelleren Erfassung halber werden die Zeilen innerhalb eines Versionsbereichs nach Typ sortiert und erhalten - entsprechend ihres Typs - zusätzlich ein aussagekräftiges Icon:
| Icon (Typ) | Bedeutung |
 | Neu | Neue Funktionalität wurde hinzugefügt |
 | Erweiterung | Vorhandene Funktionalität wurde erweitert |
 | Änderung | Funktionalität, Oberfläche oder Bedienung wurden geändert |
 | Streichung | Entfernung einer Funktion oder eines Layout-/Bedienungselements |
 | Bugfix | Behebung eines Fehlers / Beseitigung eines Mankos |
 | Manko | Unstimmigkeit bei Funktionalität, Oberfläche oder Bedienung |
 | Bug | Fehler, Fehlfunktion |
Auszüge aus dem Quellcode von 
vhist.html:
CSS im Header
BODY { BACKGROUND-COLOR:#E8E8E8; COLOR:#000080;
FONT-FAMILY:verdana,arial,helvetica,sans-serif; }
TD { FONT-SIZE:14px; }
TD.vv { BACKGROUND-COLOR:#8080FF; }
TD.v { BACKGROUND-COLOR:#F0F0FF; }
TD.li { BACKGROUND-COLOR:#FFFFFF; }
Weiter unten, im BODY, die Liste (Eintragstext gekürzt):
<table cellspacing='2' cellpadding='2' align='center'>
<tr>
<td colspan='2' class='vv'><font color='#FFFFFF'><B>1.03</B> (August 2005)</font></td>
</tr><tr valign='top'>
<td align='right'><img src='img/HistNew.gif' title=' Neu '></td>
<td class='li'>Die Anzahl der <b>Login-Versuche</b> sowie ... </td>
</tr><tr valign='top'>
<td align='right'><img src='img/HistEnh.gif' title=' Erweiterung '></td>
<td class='li'>Bei der <b>Protokollierung</b> eines Logins ... </td>
</tr>
<tr><td colspan='2'> </td></tr>
<tr>
<td colspan='2' class='v'><B>1.02</B> (Juli 2005)</td>
</tr><tr valign='top'>
<td align='right'><img src='img/HistChg.gif' title=' Änderung '></td>
<td class='li'>Die optionale <b>Protokollierung</b> erfolgt nicht ... </td>
</tr><tr valign='top'>
<td align='right'><img src='img/HistRem.gif' title=' Streichung '></td>
<td class='li'>Die <b>Uhrzeitanzeige</b> im Kopfbereich der Seiten wurde entfernt.</td>
</tr>
... Hier: weitere Versionsblöcke ...
</table>
Beispiel für eine vhist.html:
| template |
 |