Arquivo de imagens HTML + CSS + JS + único

Existe um formato de arquivo que integra todo o conteúdo HTML em um arquivo?

Em vez de doc, docx, odt ou pdf, quero usar documentos HTML5 para criar meu conteúdo. Mas isso representa um problema quando quero enviar os arquivos HTML, por exemplo, por email; Eu teria que compactá-lo e anexá-lo a um email. É claro que existem .lit e .chm, mas por razões óbvias, esse não é o caminho a percorrer. Além disso, é possível embutir o código javascript e CSS nos arquivos HTML. Isso também tem desvantagens: as imagens ainda são excluídas e a incorporação de todos os arquivos CSS e Javascript externos em um arquivo HTML é complicada. As ferramentas podem automatizar isso, mas o problema da imagem ainda existe.

A motivação mais importante para usar HTML em pdf / doc / docx / odt é que o HTML não foi projetado para impressão, enquanto pdf / doc / docx / odt são todos (e, portanto, não são otimizados para leitura de tela). Além disso, o HTML é um padrão totalmente aceito e aberto, que não pode ser dito dos formatos nomeados (odt é aberto, mas não amplamente aceito).

Incorporar tudo em um arquivo HTML normal é o caminho a percorrer. Você já viu o TiddlyWiki ? Eu acho que já o vi referido como "Aplicativo de página única" - tudo é incorporado em um arquivo HTML, então funciona como (bem, quase) um software independente. Eu não uso, mas acho que é tecnicamente bastante impressionante.

As imagens podem ser incluídas em linha usando a codificação base64 usando um URI de dados. Mas o suporte no Internet Explorer 8 não está completo (há um limite de tamanho IIRC) e o suporte está ausente apenas nas versões mais antigas do IE. A maioria dos outros navegadores modernos tem um bom suporte.

Observe que isso geralmente aumenta o tamanho da imagem em cerca de um terço (porque você só "usa" 6 de cada 8 bits por byte, portanto, precisa usar um terço a mais de bytes para acomodar essa lacuna).

Por exemplo, você obtém algo parecido com isto:

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

Ou isto:

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

Você também pode ler o artigo da Wikipedia sobre URIs de dados , com comentários sobre o suporte ao navegador e alguns exemplos de uso.

Eu acho que o formato MHTML (MIME HTML) (extensão de arquivo .MHT) é provavelmente o que você está procurando. Isso incorpora tudo em um único arquivo (como um email em HTML). Imagens etc. são incorporadas com a codificação base64.

O suporte ao navegador é razoável. O IE e o Opera podem salvar e visualizar arquivos MHT. No IE, basta "Salvar como ..." e selecionar "Arquivo da Web, arquivo único (* mht)". No entanto, o Firefox e o Chrome exigem extensões do navegador.

Pessoalmente, eu provavelmente faria o upload do conteúdo HTML para um site (possivelmente protegido por senha) e apenas distribuiria o link. Os arquivos MHT não são exatamente editáveis ​​pelo usuário, portanto, é necessário regenerar quando você deseja distribuir. Depois que tudo foi combinado em um arquivo MHT, ele ainda é tão acessível quanto o HTML?

PDF é razoavelmente acessível. Tem suas próprias capacidades de leitura de tela. Não sabe ao certo como ele lida com imagens - a menos que você crie isso com uma ferramenta específica?