सिंगल HTML + CSS + JS + इमेजेज फाइल

Question

क्या कोई फ़ाइल प्रारूप है जो सभी HTML सामग्री को एक फ़ाइल में एकीकृत करता है?

डॉक्टर, डॉक्टर, ओडीटी या पीडीएफ के बजाय, मैं अपनी सामग्री को लेखक करने के लिए एचटीएमएल 5 दस्तावेजों का उपयोग करना चाहता हूं। लेकिन यह एक समस्या है जब मैं उदाहरण के लिए ईमेल द्वारा HTML फ़ाइलें भेजना चाहता हूं; मुझे इसे ज़िप करना होगा और फिर इसे एक ईमेल में संलग्न करना होगा। बेशक, .lit और .chm है, लेकिन स्पष्ट कारणों से यह जाने का रास्ता नहीं है। इसके अलावा, HTML फ़ाइलों में इनलाइन जावास्क्रिप्ट और सीएसएस कोड संभव है। इसमें कमियां भी हैं: छवियों को अभी भी बाहर रखा गया है, और सभी बाहरी सीएसएस और जावास्क्रिप्ट फ़ाइलों को एक HTML फ़ाइल में एम्बेड करना बोझिल है। उपकरण इसे स्वचालित कर सकते हैं, लेकिन तब छवि समस्या अभी भी मौजूद है।

PDF / doc / docx / odt पर HTML का उपयोग करने के लिए सबसे महत्वपूर्ण प्रेरणा यह है कि HTML को प्रिंट के लिए डिज़ाइन नहीं किया गया है, जबकि pdf / doc / docx / odt सभी हैं (और इस तरह स्क्रीनिंग के लिए अनुकूलित नहीं हैं)। इसके अलावा, HTML पूरी तरह से स्वीकृत और खुला मानक है, जिसे नामित स्वरूपों के बारे में नहीं कहा जा सकता है (ओड खुला है लेकिन व्यापक रूप से स्वीकार नहीं किया गया है)।

Answer 1

एक सामान्य HTML फ़ाइल में सब कुछ एम्बेड करना रास्ता तय करना है। क्या तुमने कभी TiddlyWiki देखी है ? मुझे लगता है कि मैंने इसे "सिंगल पेज एप्लिकेशन" के रूप में संदर्भित किया है - सब कुछ एक एचटीएमएल फ़ाइल में एम्बेडेड है, इसलिए यह एक अकेले सॉफ्टवेयर का एक टुकड़ा है। मैं इसका उपयोग नहीं करता, लेकिन मुझे लगता है कि यह तकनीकी रूप से काफी प्रभावशाली है।

डेटा यूआरआई का उपयोग करके बेस 64 एन्कोडिंग का उपयोग करके इनलाइन को छवियों में शामिल किया जा सकता है। लेकिन 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>");
}

आप डेटा यूआरआई पर विकिपीडिया लेख को पढ़ने की इच्छा भी कर सकते हैं , इसमें ब्राउज़र समर्थन और उपयोग के कुछ उदाहरणों के बारे में टिप्पणियां हैं।

Comments

क्या कोई उपकरण (रत्न, अंडे, नोड पैकेज, आदि) हैं जो परिवर्तित और सहित संभालते हैं? क्या कोई उपकरण है जो JS और CSS को इनलाइन करेगा, जहां यह एक src="..."या href="..."विशेषता देखता है ? और फिर छवियों को बेस 64 में कनवर्ट करें और <img src="..."साथ बदलें <img src="data:image/..."?

— सुकिमा

मुझे कोई अंदाजा नहीं है, मैंने पहले कभी इस तरह से कुछ लपेटने की कोशिश नहीं की है।

— DMA57361

Answer 2

मुझे लगता है कि MHTML प्रारूप (MIME HTML) (.MHT फ़ाइल एक्सटेंशन) संभवतः वह है जो आप बाद में हैं। यह एक ही फाइल में सब कुछ एम्बेड करता है (एक HTML ईमेल की तरह)। छवियाँ आदि को बेस 64 एनकोडिंग के साथ एम्बेडेड किया गया है।

ब्राउज़र समर्थन उचित है। IE और ओपेरा MHT फ़ाइलों को सहेज और देख सकते हैं। IE में आप बस "इस रूप में सहेजें ..." और "वेब आर्काइव, सिंगल फाइल (* mht)" चुनें। हालांकि, फ़ायरफ़ॉक्स और क्रोम को ब्राउज़र एक्सटेंशन की आवश्यकता होती है।

व्यक्तिगत रूप से, मैं संभवतः HTML सामग्री को वेबसाइट पर अपलोड करूंगा (संभवतः पासवर्ड संरक्षित) और बस लिंक वितरित करूं। एमएचटी फाइलें वास्तव में उपयोगकर्ता संपादन योग्य नहीं हैं, इसलिए जब आप वितरित करना चाहते हैं तो पुनर्जनन की आवश्यकता होती है। एक बार यह सब एक एमएचटी फ़ाइल में संयुक्त हो जाने के बाद, क्या यह अभी भी HTML की तरह ही सुलभ है?

पीडीएफ यथोचित सुलभ है। इसकी अपनी स्क्रीन रीडिंग क्षमताएं हैं। सुनिश्चित नहीं है कि यह छवियों को कैसे संभालता है - जब तक कि आप इसे एक विशिष्ट उपकरण के साथ नहीं बना सकते हैं?

Comments

तकनीकी आवश्यकताओं के अलावा, किसी भी मालिकाना मानक के साथ काम नहीं करने के लिए एक संगठनात्मक आवश्यकता भी है (पीडीएफ खुला हो सकता है, यह अभी भी मालिकाना है)। मैं हालांकि mhtml में देखूंगा।

— user45971

देखें tools.ietf.org/html/rfc2557 । यह एक खुला मानक है। इसने मुझे आश्चर्यचकित किया कि IE को फ़ायरफ़ॉक्स की तुलना में बेहतर समर्थन मिला था (बाद वाला अपना खुद का मालिकाना प्रारूप पसंद करता था), लेकिन वहां आपके पास है। हालांकि पीडीएफ या एचटीएमएल + निर्भरता के लिए बेहतर उपकरण समर्थन है।

— इरिडैन