Отдельный файл изображений HTML + CSS + JS +

4333
user45971

Существует ли формат файла, который объединяет все содержимое HTML в одном файле?

Вместо doc, docx, odt или pdf я хочу использовать документы HTML5 для создания своего контента. Но это создает проблему, когда я хочу отправить HTML-файлы, например, по электронной почте; Я должен был бы застегнуть это и затем приложить это к электронной почте. Конечно, есть .lit и .chm, но по понятным причинам это не тот путь. Кроме того, в HTML-файлы можно встроить JavaScript и код CSS. Это также имеет недостаток: изображения по-прежнему исключаются, и встраивание всех внешних файлов CSS и Javascript в один файл HTML является громоздким. Инструменты могут автоматизировать это, но тогда проблема изображения все еще существует.

Наиболее важной мотивацией для использования HTML поверх pdf / doc / docx / odt является то, что HTML не предназначен для печати, тогда как pdf / doc / docx / odt все они (и, следовательно, не оптимизированы для чтения с экрана). Кроме того, HTML является полностью приемлемым и открытым стандартом, чего нельзя сказать о названных форматах (odt является открытым, но не широко принятым).

8

2 ответа на вопрос

7
DMA57361

Встраивание всего в обычный HTML-файл - это путь. Вы когда-нибудь видели TiddlyWiki ? Я думаю, я видел, что это называется «Одностраничное приложение» - все встроено в один HTML-файл, поэтому он функционирует как (ну, почти) как отдельная часть программного обеспечения. Я не использую это, но я думаю, что это технически довольно внушительно.

Изображения могут быть встроены в кодировку base64 с использованием Data URI. Но поддержка в Internet Explorer 8 не завершена (существует ограничение размера IIRC), и поддержка полностью отсутствует в старых версиях IE. Большинство других современных браузеров имеют хорошую поддержку.

Обратите внимание, что это, как правило, увеличивает размер изображения примерно на треть (поскольку вы «используете» только 6 из каждых 8 битов на байт, поэтому придется использовать еще треть байтов для компенсации этого разрыва).

Например, вы получаете что-то вроде этого:

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

Или это:

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

Возможно, вы также захотите прочитать статью Википедии о URI данных, в ней есть комментарии относительно поддержки браузера и некоторые примеры использования.

Существуют ли какие-либо инструменты (гемы, яйца, пакеты узлов и т. Д.), Которые обрабатывают конвертацию и в том числе? Есть ли инструмент, который встроит JS и CSS, где он видит атрибут `src =" ... "` или `href =" ... "`? А затем конвертировать изображения в base64 и заменить ` Sukima 11 лет назад 0
Я понятия не имею, я не пытался обернуть что-то подобное, прежде чем когда-либо нужно было смотреть. DMA57361 11 лет назад 0
3
MrWhite

Я думаю, что формат MHTML (MIME HTML) (расширение файла .MHT), вероятно, то, что вы ищете. Это встраивает все в один файл (очень похоже на электронное письмо в формате HTML). Изображения и т. Д. Встроены в кодировку base64.

Поддержка браузера разумна. IE и Opera могут сохранять и просматривать файлы MHT. В IE вы просто «Сохранить как ...» и выберите «Веб-архив, один файл (* MHT)». Однако Firefox и Chrome требуют расширения браузера.

Лично я, вероятно, загрузил бы содержимое HTML на веб-сайт (возможно, защищенный паролем) и просто распространял ссылку. MHT-файлы не совсем доступны для редактирования пользователем, поэтому при их распространении требуется регенерация. После того, как все это будет объединено в MHT-файл, оно все еще так же доступно, как HTML?

PDF достаточно доступен. Он имеет свои собственные возможности чтения с экрана. Не уверен, как он обрабатывает изображения - разве вы можете создать это с помощью специального инструмента?

Помимо технических требований, существует также организационное требование не работать с каким-либо проприетарным стандартом (PDF может быть открытым, но все еще проприетарным). Я посмотрю в MHTML, хотя. user45971 14 лет назад 0
См. Http://tools.ietf.org/html/rfc2557. Это открытый стандарт. Меня удивило, что IE имеет лучшую поддержку, чем Firefox (последний предпочитает собственный проприетарный формат), но там у вас есть. Возможно, есть лучшая инструментальная поддержка для pdf или html + зависимостей. Iiridayn 13 лет назад 0

Похожие вопросы