单个HTML + CSS + JS + images文件

是否有一种将所有HTML内容本身集成到一个文件中的文件格式？

我想使用HTML5文档而不是doc，docx，odt或pdf来创作我的内容。但是，当我想通过电子邮件发送HTML文件时，就会出现问题。我必须将其压缩，然后将其附加到电子邮件中。当然，有.lit和.chm，但是出于明显的原因，这不是可行的方法。另外，可以在HTML文件中内联javascript和CSS代码。这也有缺点：图像仍然被排除在外，并且将所有外部CSS和Javascript文件嵌入到一个HTML文件中很麻烦。工具可以自动执行此操作，但是图像问题仍然存在。

在pdf / doc / docx / odt上使用HTML的最重要动机是HTML 并非为印刷而设计，而pdf / doc / docx / odt都是针对HTML的（因此并未针对屏幕阅读进行优化）。另外，HTML是一种完全被接受且开放的标准，无法说出命名格式（odt是开放的，但未被广泛接受）。

将所有内容都嵌入到普通的HTML文件中是必经之路。您见过TiddlyWiki吗？我想我已经看到它被称为“单页应用程序”-一切都嵌入在一个HTML文件中，因此它（几乎）是一个独立的软件。我不使用它，但是我认为它在技术上非常令人印象深刻。

可以使用数据URI以base64编码内联包含图像。但是Internet Explorer 8中的支持不完整（IIRC有大小限制），并且在旧版IE中完全缺少支持。大多数其他现代浏览器都具有良好的支持。

请注意，这通常会使图像的大小增加大约三分之一（因为每字节每8位仅“使用” 6个，因此必须再使用三分之一个字节来适应该间隙）。

例如，您得到以下内容：

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

或这个：

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

您可能还希望阅读有关数据URI的Wikipedia文章，其中包含有关浏览器支持的注释以及一些用法示例。

我认为您可能正在追求MHTML格式（MIME HTML）（。MHT文件扩展名）。这会将所有内容嵌入单个文件中（非常类似于HTML电子邮件）。图像等以base64编码嵌入。

浏览器支持是合理的。IE和Opera可以保存和查看MHT文件。在IE中，您只需“另存为...”，然后选择“ Web存档，单个文件（* mht）”。但是，Firefox和Chrome需要浏览器扩展。

就个人而言，我可能会将HTML内容上传到网站（可能受密码保护），然后仅分发链接。MHT文件不能完全由用户编辑，因此在分发时需要重新生成。一旦将它们全部组合成一个MHT文件，它仍然像HTML一样可访问吗？

PDF是可以合理访问的。它具有自己的屏幕阅读功能。不过，不知道它如何处理图像-除非您可以使用特定工具创建它？