用于在浏览器中打开的组合文件 HTML + CSS答案

【问题标题】：Combined file HTML + CSS for opening in browser用于在浏览器中打开的组合文件 HTML + CSS
【发布时间】：2021-06-15 17:28:41
【问题描述】：

我想知道是否有一种文件格式我可以在其中放置（一个或多个）.css 和（一个或多个）.html 文件，例如 .zip（或类似文件） ) 文件，您最喜欢的浏览器可以识别它并将其作为一种静态本地“网页”打开。

我的用例是创建一些程序执行的 html 报告，使用标准化的 css 文件对其进行样式设置并将其上传到云服务上，这样任何有权访问的人都可以在浏览器中直接查看它。

我对 html 和 css 知之甚少，但不足以自己回答这个问题。并且“结合 html 和 css”在网络上无法搜索，所以我问你。

我不是在寻找将所有内容都放入一个文件的解决方案。我也不是在寻找这个（文件夹）的解压缩版本，因为它不能上传到我想要的大多数云存储中。

谢谢。

【问题讨论】：

欢迎来到 Stack Overflow！要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他场外资源的问题对于 Stack Overflow Stack Overflow 来说是无关紧要的
AFAIK，没有这种格式。你能做的最好的就是将你的CSS与<style> CSS GOES HERE </style>标签捆绑在你的页面底部。 HTML 文件保持不变，CSS 捆绑在其中。
当您在 Internet Explorer 中保存页面时，它提供了单独或一起保存 HTML 和相关文件。当您选择单个文件时，它会将其保存为 MHTML - en.wikipedia.org/wiki/MHTML，尽管并非所有浏览器都能正确识别此格式。如果您自己创建 HTML，则最好在 HTML 中使用 <style> 和 <script> 标签。
感谢@Anomymous！我想这就是我一直在寻找的。还提到了铬边缘（现代浏览器）。我会试一试。

标签： html css file-format

【解决方案1】：

AFAIK，没有文件格式，但您可以在您的 htdocs 或公用文件夹中创建一个文件夹，然后在其中添加您的所有 .css 和 .html 文件。然后在localhost/yourfolder 中访问它，或者如果您使用的是主机http://yourdomain.com/yourfolder。为了让您的 HTML 文件正确显示样式，它们应该与 .css 文件或与 <head> 部分中 <style></style> 标记之间的每个 .html 文件内的样式链接。

您将看到类似这样的内容，您和其他人可以在其中预览和浏览所有 HTML 和 CSS 文件。

注意：我从来没有在只在本地主机上的主机上这样做过，如果您使用主机，您可能需要创建权限才能访问此文件夹，在这种情况下请联系您的主机他们可以解释。

【讨论】：