단일 HTML + CSS + JS + 이미지 파일

모든 HTML 컨텐츠 자체를 하나의 파일로 통합하는 파일 형식이 있습니까?

doc, docx, odt 또는 pdf 대신 HTML5 문서를 사용하여 내 콘텐츠를 작성하고 싶습니다. 그러나 HTML 파일을 전자 메일로 보내려는 경우 문제가 발생합니다. 압축 한 다음 이메일에 첨부해야합니다. 물론 .lit과 .chm이 있지만 명백한 이유 때문에 갈 수는 없습니다. 또한 HTML 파일에서 자바 스크립트 및 CSS 코드를 인라인 할 수 있습니다. 이미지도 여전히 제외되며 모든 외부 CSS 및 Javascript 파일을 하나의 HTML 파일에 포함시키는 것은 번거 롭습니다. 도구가이를 자동화 할 수 있지만 이미지 문제는 여전히 존재합니다.

pdf / doc / docx / odt보다 HTML을 사용하는 가장 중요한 동기는 HTML이 인쇄용으로 설계된 것이 아니라 pdf / doc / docx / odt가 모두 화면 읽기에 최적화되어 있다는 것입니다. 또한 HTML은 완전히 수용되고 개방 된 표준으로, 명명 된 형식에 대해서는 말할 수 없습니다 (홀수는 있지만 널리 채택되지는 않음).

일반 HTML 파일에 모든 것을 포함시키는 것이 좋습니다. TiddlyWiki 를 본 적이 있습니까? 필자는 이것이 "단일 페이지 응용 프로그램"이라고 언급 한 것으로 보았습니다. 모든 것이 하나의 HTML 파일에 포함되어 있기 때문에 독립형 소프트웨어로 기능합니다. 나는 그것을 사용하지 않지만 기술적으로 상당히 인상적이라고 생각합니다.

데이터 URI를 사용하여 base64 인코딩을 사용하여 이미지를 인라인으로 포함 할 수 있습니다. 그러나 Internet Explorer 8의 지원은 완전하지 않으며 (크기 제한 IIRC가 있음) 이전 버전의 IE에서는 완전히 지원되지 않습니다. 대부분의 다른 최신 브라우저는 잘 지원됩니다.

이것은 일반적으로 이미지의 크기를 약 3 분의 1만큼 증가시킵니다 (바이트 당 8 비트마다 6 개만 "사용"하기 때문에 3 분의 1 바이트 더 사용하여 해당 간격을 수용해야 함).

예를 들어 다음과 같은 것을 얻습니다.

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

아니면 이거:

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

Data URI 에 대한 Wikipedia 기사를 읽고 브라우저 지원 및 사용 예에 ​​대한 의견이 있습니다.

MHTML 형식 (MIME HTML) (.MHT 파일 확장명)은 아마도 당신이 따르는 것 같습니다. 이렇게하면 HTML 전자 메일과 같이 단일 파일에 모든 것이 포함됩니다. 이미지 등에는 base64 인코딩이 포함되어 있습니다.

브라우저 지원은 합리적입니다. IE와 Opera는 MHT 파일을 저장하고 볼 수 있습니다. IE에서는 "다른 이름으로 저장 ..."을 선택하고 "웹 아카이브, 단일 파일 (* mht)"을 선택하십시오. 그러나 Firefox 및 Chrome에는 브라우저 확장이 필요합니다.

개인적으로 HTML 콘텐츠를 웹 사이트에 업로드하고 (암호로 보호되어있을 수 있음) 링크를 배포하기 만합니다. MHT 파일은 정확하게 사용자가 편집 할 수 없으므로 배포하려는 경우 재생성을 필요로합니다. 모두 MHT 파일로 결합 된 후에도 HTML만큼 액세스 할 수 있습니까?

PDF는 합리적으로 접근 가능합니다. 자체 화면 읽기 기능이 있습니다. 그래도 이미지를 어떻게 처리하는지 잘 모르겠습니다. 특정 도구로 이미지를 만들지 않는 한?