Bonjour,
Ceci est une page au format (x)html.
La particularité de ce XHTML est qu'il ne contient aucune références externes. L'entier de la page, sa présentation sa police et son image sont contenus dans le seul fichier text XHTML
.| Dessus | ||
| Gauche |
| Droite |
| Bas | ||
Ici un autre exemple présentant quatres horloges sur des fuseaux différents, incluant SVG, CSS, Javascript, police et même la librairie javascript (mootool) dans un seul fichier!
| index.html | 66'027 caractères, 126 lignes dont 2 longues |
| 50182 | Police Quintessential |
| 12141 | Logo FH-IC (png) |
| myClockAutonom.html | 159'419 caractèress, 159 lignes dont 2 longues |
| 120230 | Javascript mootools-core-1.4.5-full-nocompat-yc.js |
| 33097 | Police Nova Square |
$ for file in index.html myClockAutonom.html;do
echo "### ${file^^} ###";
awk 'BEGIN{c=0};
{
if (length > 78) {
printf "%6d %s\n", length,substr($0,0,60);
} else {
c++;
}
};
END{
printf "%6d lines < 78 chars\n", c;
}' <$file
done
### INDEX.HTML ###
50182 src: local('Quintessential'), local('Quintessential-Regula
12141 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQA
124 lines < 78 chars
### MYCLOCKAUTONOM.HTML ###
120230 <script src="data:application/javascript;base64,LyoKLS0tCk1vb
33097 src: local('Nova Square'), local('NovaSquare'), url(data:f
157 lines < 78 chars
Voilà. C'est intéressant, ce que l'on peut faire...
--