वेब पृष्ठहरू स्क्रिनमा हेर्नको लागि हो । त्यहाँ साइट (डेस्कटप, ल्याप्टप, ट्याबलेट, फोन, पहिरन योग्यता, टिभी, आदि) हेर्न प्रयोग गर्न सकिन्छ जुन धेरै प्रकारका यन्त्रहरू छन् , ती सबै केहि प्रकारको स्क्रीन समावेश गर्दछ। त्यहाँ अर्को वेबसाइट हो जुन तपाईंको वेबसाइट हेर्न सक्छ, एउटा तरिका जसमा स्क्रिन समावेश छैन। हामी तपाईंको वेब पेजहरु को एक भौतिक प्रिंटिंग को संदर्भ मा रहे हो।
वर्ष पहिले, तपाईले पत्ता लगाउनुभयो कि वेबसाइटहरू वेबसाइटहरू छाप्न एक साधारण साधारण परिदृश्य थिए। हामी धेरै ग्राहकहरूसँग भेट्न सम्झछौं जुन वेबमा नयाँ थिए र साइटको अधिक आरामदायक समीक्षात्मक पृष्ठहरू महसुस गर्थे। त्यसपछि तिनीहरूले हामीलाई वेबसाइटमा छलफल गर्न स्क्रीन हेर्न को लागी कागजको टुक्रामा प्रतिक्रिया र सम्पादन दिए। मानिसहरू उनीहरूको जीवनमा स्क्रिनको साथ अझ सहज हुन्छन्, र ती स्क्रिनहरूमा धेरै चोटि गुणा भएको छ भने, हामीले कागजमा वेब पेजहरू छाप्ने प्रयास गरिरहेका थोरै र थोरै व्यक्तिहरू देखेका छौं, तर यो अझै पनि हुन्छ। तपाईले तपाइँको वेबसाइटको योजना बनाउँदा यो घटनालाई विचार गर्न सक्नुहुन्छ। के तपाईले तपाइँको वेब पृष्ठहरू प्रिन्ट गर्न चाहानुहुन्छ? सायद तिमी छैनौ। यदि यो मामला हो भने, तपाईं सँग केही विकल्पहरू छन्।
वेब पेज कसरी ब्लक गर्न CSS बाट मुद्रण बाट
तपाईंको वेब पृष्ठहरू छाप्नबाट रोक्नको लागि CSS प्रयोग गर्न सजिलो छ। तपाइँलाई "print.css" नामकरण गरिएको एक रेखा शैली शैली सिर्जना गर्न आवश्यक छ जुन CSS को निम्न रेखा समावेश गर्दछ।
शरीर {प्रदर्शन: कुनै पनि होइन; }यो एक शैलीले तपाईंको पृष्ठको "शरीर" तत्वलाई प्रदर्शित नगरेको देखाउँछ। र तपाईंको पृष्ठहरूमा सबै भौतिक तत्वको बच्चा हो, यसको अर्थ यो कि सम्पूर्ण पृष्ठ / साइट प्रदर्शित हुनेछैन।
एक पटक तपाईंको "print.css" शैली शैली भएपछि, तपाइँले यसलाई आफ्नो स्टाइलशिटमा तपाइँको HTML मा लोड गर्नुहुनेछ। यहाँ छ कि तपाईंले कसरी गर्नुहुनेछ - केवल निम्न रेखा तपाईंको एचटीएमटी पृष्ठहरूमा "हेड" तत्वमा थप्नुहोस्।
माथि रेखाको महत्त्वपूर्ण भाग बोल्डमा संकेत गरिएको छ - यो एक प्रिन्ट स्टाइलशिट हो। यो जानकारीले ब्राउजरलाई बताउँछ कि यदि यो वेब पृष्ठ प्रिन्ट गर्न सेट गरिएको छ भने, यस शैलीपट्टी प्रयोग गर्न को लागी जो पनि डिफल्ट स्टाइलशिटले पृष्ठहरूलाई अन-स्क्रिन प्रदर्शनको लागि प्रयोग गर्दछ। पृष्ठहरू यस "print.css" पानामा स्विच गर्दा, सम्पूर्ण पृष्ठमा प्रदर्शन गर्ने शैलीले लात हाल्नेछ र सबै छाप्ने खाली पृष्ठ हुनेछ।
एक समयमा एक पृष्ठ ब्लक गर्नुहोस्
यदि तपाईंलाई आफ्नो साइटमा धेरै पेजहरू ब्लक गर्न आवश्यक छैन भने, तपाईंले पृष्ठ-द्वारा-पेज आधारमा आधारभूत रूपमा तपाइँको HTML को रूपमा टाँसिएको निम्न शैलीहरूसँग ब्लक गर्न सक्नुहुन्छ।