Singolo file di immagini HTML + CSS + JS +

Esiste un formato di file che integra tutto il contenuto HTML stesso in un unico file?

Invece di doc, docx, odt o pdf, voglio usare documenti HTML5 per creare il mio contenuto. Ma ciò pone un problema quando voglio inviare i file HTML per esempio via e-mail; Dovrei comprimerlo e quindi allegarlo a un'e-mail. Certo, c'è .lit e .chm, ma per ovvie ragioni non è la strada da percorrere. Inoltre, è possibile incorporare codice javascript e CSS nei file HTML. Anche questo ha uno svantaggio: le immagini sono ancora escluse e incorporare tutti i file CSS e Javascript esterni in un unico file HTML è complicato. Gli strumenti possono automatizzarlo, ma il problema di immagine esiste ancora.

La motivazione più importante per usare HTML su pdf / doc / docx / odt è che HTML non è progettato per la stampa, mentre pdf / doc / docx / odt sono tutti (e quindi non ottimizzati per la lettura dello schermo). Inoltre, HTML è uno standard pienamente accettato e aperto, che non si può dire dei formati nominati (odt è aperto ma non ampiamente accettato).

Incorporare tutto in un normale file HTML è la strada da percorrere. Hai mai visto TiddlyWiki ? Penso di averlo visto indicato come "Applicazione a pagina singola" - tutto è incorporato in un file HTML, quindi funziona come (bene, quasi) un software autonomo. Non lo uso, ma penso che sia tecnicamente abbastanza impressionante.

Le immagini possono essere incluse in linea utilizzando nella codifica base64 utilizzando un URI dati. Ma il supporto in Internet Explorer 8 non è completo (esiste un limite di dimensione IIRC) e il supporto manca completamente nelle versioni precedenti di IE. La maggior parte degli altri browser moderni ha un buon supporto.

Si noti che questo generalmente aumenterà la dimensione dell'immagine di circa un terzo (poiché si "usa" solo 6 su ogni 8 bit per byte, quindi è necessario utilizzare un terzo più byte per compensare tale spazio).

Ad esempio, ottieni qualcosa del genere:

<img src="data:image/png;base64,<BASE64 STRING>" />

O questo:

.someClass
{
    background-image:url(data:image/png;base64,<BASE64 STRING>");
}

Potresti anche voler leggere l'articolo di Wikipedia sugli URI dei dati , contiene commenti sul supporto del browser e alcuni esempi di utilizzo.

Penso che il formato MHTML (MIME HTML) (estensione file .MHT) sia probabilmente quello che stai cercando. Questo incorpora tutto in un singolo file (molto simile a un'e-mail HTML). Le immagini, ecc. Sono incorporate con la codifica base64.

Il supporto del browser è ragionevole. IE e Opera possono salvare e visualizzare i file MHT. In IE è sufficiente "Salva con nome ..." e selezionare "Archivio Web, file singolo (* mht)". Tuttavia, Firefox e Chrome richiedono estensioni del browser.

Personalmente, probabilmente caricare il contenuto HTML su un sito Web (possibilmente protetto da password) e distribuire semplicemente il collegamento. I file MHT non sono esattamente modificabili dall'utente, quindi richiedono la rigenerazione quando si desidera distribuire. Una volta che è stato tutto combinato in un file MHT, è ancora accessibile come HTML?

Il PDF è ragionevolmente accessibile. Ha le sue capacità di lettura dello schermo. Non sei sicuro di come gestisca le immagini, a meno che tu non possa crearlo con uno strumento specifico?