From: Subject: MIME HTML - Doc Alex Date: Mon, 14 Apr 2003 20:32:04 +0200 MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_NextPart_000_0020_01C302C4.E9023F30"; type="text/html" X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2600.0000 manually modified This is a multi-part message in MIME format. ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: text/html; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Content-Location: alx_mhtml.html MIME HTML - Doc Alex

cr=E9=E9e le 21/10/2002 ; mise =E0 jour 19/08/2004

Exemple pour format MIME HTML

Le format MIME HTML permet de mettre un page web compl=E8te (Texte, images, feuilles de style, etc...) dans un seul fichier cod=E9 en MIME (comme les courriels).

Voir la r=E9f=E9rence RFC 2557 - MIME Encapsulation of Aggregate Documents, such as HTML (MHTML).

Adressage

Tout adressage vers un fichier d'une archive MHTML doit se faire avec une adresse absolue.
L'adresse commence par mhtml:, suivit d'un protocole, comme http://, ftp://, file://, une adresse absolue, puis =E9ventuellement ! suivit du nom du fichier dans l'archive MHTML.

Tout adressage relatif (nom de fichier seul), dans une archive MHTML r=E9f=E9rence un autre fichier de l'archive.
L'adressage de fichiers externes =E0 l'archive ne se fait que par des adresses absolues, commen=E7ant par un protocole comme http://, ftp://, file://, ...

Avantages / inconv=E9nients du MHTML

Avantages :

un seul fichier, donc une seule connection sur le serveur. Lorsque les fichiers sont petits, le temps de connection est beaucoup plus long que le t=E9l=E9chargement lui-m=EAme.
permet de gagner de la place lors de sauvegardes sur votre disque =E0 cause du ph=E9nom=E8ne cluster (plusieurs petits fichiers prennent toujours plus de place qu'un seul gros). Notez que sous Internet Explorer 6, on peut faire "Fichier/Enregistrer sous.../type:Archive web"

Inconv=E9nients :

Pas pris en charge par tous les navigateurs.
Plus lent et plus lourd =E0 l'affichage. (d=E9codage MIME).
Fichier r=E9sultant un peu plus gros que la somme des tailles de fichier (=E0 cause du codage MIME).

Conclusion :

A utiliser pour les sauvegardes locales de pages web, ou exceptionnellement si vous d=E9sirez offrir la possibilit=E9 de t=E9l=E9charger un grand nombre de tout petits fichiers (ex: ic=F4nes).

Exemples

Version HTML fichiers s=E9par=E9s, taille totale : 8.2 Ko
Version MHTML, taille totale : 11.4 Ko
france.gif : acc=E9s =E0 un .gif dans le .mhtml

NB : effacez le cache de votre navigateur si vous voulez faire des comparaisons. Mais vous ne verrez peut-=EAtre pas la diff=E9rence sur cette page !

http://alexandre.alapetite.net

Retour ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: france.gif R0lGODlhJwAcALMAAM/Pz25vb49QP+JmXlZXVjxll98hEAAumjpOez4/PqCfoL+/v35/f////wAA AP///yH5BAEAAA8ALAAAAAAnABwAAAS48MlJq7046827/2DIIUdpNmg6GGwrPqRZpmrrirHJ0Ohq G6/cieezBWUz4g+IQ+6UvyOS1yjeQsIkzcqS6qhcJtYJXnqHW3OTQAoUFPA4Q0Cvv+74PKax6Pf1 GgsOgw4AgBmCDBMJbgoJg4pujwoPjoMwk4iEDg+DjHOTk4MAowSJjw0YiX8Oig2PoZyiijCeCYYX iYsBla0EhY+1pIy3vgG4FqQLuw+vDowLbpiVsNTPyIfZ2tseEQA7 ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: denmark.gif R0lGODlhLAAcALMAAI+PkY9QP+JmXlZXVtMTCN8hEIBXTt7f3z4/PqCfoL+/v/O8tH5/f////wAA AP///yH5BAEAAA8ALAAAAAAsABwAAATR8MlJq7046827/2AoikZhnkuzEGdrjlXgEuk6nzBVujV7 F7mJzMfqEY9BCaPGVDWbyQfASa1aD1GDYMs9OLngbfZIU5GJY575/EruWsZfGu5lt4PavAzA3/v3 UYGCg4QWBwoXDooICYUPCA6JjIpYCQNTBwx9Un2ZS5yXnAmWDg2aFIpSDpqrqwmLpQywkAOPtJmz kI0Tq6oAkIoOCq7Ej5GQuJTIxqmowroDrpfErMbGAKvRpBK0ws6KmMHPS9nH5gfiw5HXlBuHDR8q jvP0GREAOw== ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: fra32x20.gif R0lGODlhIAAUAJEAAP///wAApf4CAgAAACH5BAAAAAAALAAAAAAgABQAAAJDjI8Byy0Po0i0WSAz TdfluCEd84GhMS4ldKLp+rTKC8spVrc3POn0avuVgiMesWP0FXOnHTPkBCqRz010OL0km8JPAQA7 ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: dk32x20.gif R0lGODlhIAAUAIAAAP4CAv///yH5BAAAAAAALAAAAAAgABQAAAI1hI+hge3vFoO0yorfzdzsnn2g tYxhaUrqyrbuC8fyTM+kYmJiHqG85vs1dkJPsGjEIRNHTgEAOw== ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: fra18x12.gif R0lGODlhEgAMAKIAAP///zNmzP8AAAAAAP+ZmZnM/wAAAAAAACH5BAAAAAAALAAAAAASAAwAAAMz GKoF7kRICRZ7cMphQ8ORxlnfE07jUmZitwLn5mKwJqQXaOMeHd8zXYvk2wEGyKRyiUwAADs= ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: dk18x12.gif R0lGODlhEgAMAJEAAP8AAP+Zmf///wAAACH5BAAAAAAALAAAAAASAAwAAAIvhB0SxyadVjsDqkmt xCP4r3yiNwjmiaZmN4bjVzERZsTHTNvIlWs0UBoIh8SisAAAOw== ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: text/css; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Content-Location: racine.css BODY {font-family:"arial",sans-serif; background-color:#EFF2F6; background:url(fond.jpg); scrollbar-face-color:#7b7fab; scrollbar-highlight-color:#bebee6; scrollbar-shadow-color:#000000; scrollbar-3dlight-color:#336699; scrollbar-arrow-color:#dfbfe6; scrollbar-track-color:#b3b7dc; scrollbar-darkshadow-color:#000000} H1 {color:#373750} H2 {color:#191937} A {text-decoration:none} A:hover {text-decoration:"underline overline"} A:link {color:#1919BE} A:visited {color:#191987} .t1,.t2,.t3 {color:#373774} .t1 {font-size:125%} .t2 {font-size:115%} .t3 {font-size:105%} DIV.sb {text-align:right; font-size:smaller} ------=_NextPart_000_0020_01C302C4.E9023F30 Content-Type: image/jpeg Content-Transfer-Encoding: base64 Content-Location: fond.jpg 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 lKUpSlSlKUpSlKUpSlKU1rWta1rWta1rWta1rWtb6uta1rWta1rWta1rWta1rWqUpSlKUpSlKUpS lKUpSlKUpSlKUpSlKWta1rUpS1rWta1rWta1rWta1rWta1rWta1rWtalKUpSlKUpSlKUpSlNa1rW ta1rWta1rWta1rfS1rWta1rWta1rWta1rWtUpSlKUpSlKUpSlKUpSlKUpSlrWta1rWta1rWta1rW ta1rWta1rWta1rWta1rWta1rWta1rWpSlKUpSlKUpSlKa1rWta1rWta1rWta1rW+vrWta1rWta1r Wta1rWta1SlKUpSlKUpSlKUpSlKUpSlKUpSlKUpSlLUpSlrWtalKUta1rWta1rWta1rWta1rWta1 rdddddddddddddddd+m666666666666666666666666666666666666666666666666666666666 66666666666666666666666666//2gAIAQICBj8BSH//2gAIAQMCBj8BSH//2gAIAQEBBj8BSB// 2gAIAQIDAT8Q/wAwAVVVVVVVVX8Sqqqqqqqq/WAAD/8A/wD/AABVVVVVVVVVX8Wqqqqqqqqr9YAA Dw//APABERERERERPxYiIiIiIiJ8wAAd/wD/AP8Axxxxxxxxxxxxxxxxz4XHHHHHHHHHHHHHHHHH HHHHHHHHHHHHHPDjjjjjjjjjjjjjjjjjj//aAAgBAwMBPxCIiIiIiJ86IiIiIiIiIiIiIiIiIiIi IiIiIiIiIiIiIiIn0oiIiIiIiIiIiIiIiIiIiIiIiIiIiqqqqqqr86qqqqqqqqqqqqqqqqqqqqqq qqqqqqr+md9O+O+Ouu/7/wD/2gAIAQEDAT8Q+TgAH/4ACIiIiIiIiIiIiIniJ6xE8RERERERERER ERE/4sAA/wDwAD//AP8A/wD/AP8A/wD/AP8A+AB/8ACIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIif 8XAA/wDgAf8A/QAAAAAAAAD/AAAP/gAiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIifVAA/wDgAf8A /wDLHkwx6DDHkwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwlKUpSlKUpSlKUoQhCEIQ hCEIQhCfxCJ/ERERERERERERE8T8iIiIiIiIiIiIiJ/EQn8QhCEIQhCEIQlCEpSlKUpSlKUpSlKU oShCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIQhCEIR8r4AH/wAFVVVVVVVVVVVVVVV VVVVVVVVVVVVVVVVVVV+gAA//AA//bfp9t+n22359NNNNeG22/Qaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaa+Z/gAf8AwAKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr9EAD/AOAD/wD9t+OvQaa8NNNN eGmmmmmmmmvQaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa+TwAD/4AFVVVVVVVVVVVVVVVfeqqqqq qqqqqqqqqqv72AA/+AAf/wD/APeDwAAAAAAB11111111111111111111111111111135XXXXXXXX XXXXXXXXXXXXXXXXXXXXXf1QAAAAAAAAAAAAAH//2Q== ------=_NextPart_000_0020_01C302C4.E9023F30