यहाँ तपाईको HTML कोडमा पूर्व-ढाँचा पाठ ट्याग कसरी प्रयोग गर्ने छ
जब तपाइँ वेब पेजको लागि एचटीएमएल कोडमा टेक्स्ट थप गर्नुहुन्छ, अनुच्छेद तत्वमा भन्नुहोस्, तपाइँसँग कुनै पनि नियन्त्रणमा छैन कि पाठको ती रेखाहरू तोड्ने वा स्पेसिङ प्रयोग गरिनेछ। यो कारणले वेब ब्राउजरले पाठलाई समावेश गर्दछ जसको समावेश समावेश छ। यसले उत्तरदायी वेबसाइटहरू समावेश गर्दछ जुन एक धेरै तरल लेआउट हुनेछ जुन पृष्ठ हेर्नको लागि स्क्रिनको आकारमा आधारित परिवर्तन गर्दछ ।
एचटीटीएमएल पाठ एक लाइन तोक्नेछ जहाँ यसलाई एक पटक यो आवश्यक छ यसको समाप्ति सम्म पुग्यो। अन्तमा, ब्राउजर तपाइँले भन्दा तुलना गर्दा पाठ ब्रेकहरू निर्धारण गर्ने सन्दर्भमा एक भूमिका निभाउँछ।
निश्चित निश्चित ढाँचा वा लेआउट सिर्जना गर्न स्पेसिङ थप्नको लागि, HTML ले स्पेसबार, ट्याब वा क्यारियर फिर्ती सहित कोडमा थपिएको स्पेसिङ पहिचान गर्दैन। यदि तपाईंले एक शब्द बीचको बीस रिक्त स्थानहरू राख्नुभयो भने यसको पछि लाग्ने शब्द, ब्राउजरले केवल एक मात्र ठाउँ प्रदान गर्नेछ। यो सेतो अन्तरिक्ष पतनको रूपमा चिनिन्छ र यो वास्तवमा एचटीटीटी को अवधारणाहरु मध्ये एक हो जुन पहिलो साथ उद्योगको संघर्षमा धेरै नयाँ। तिनीहरू एचटीएमएस वाइट्स जस्तै प्रोग्राममा काम गर्ने HTML व्हाइटस्पेसको आशा गर्छन्, तर यो कसरी HTML whitespace सबै काम गर्दैन।
अधिकतर अवस्थामा, कुनै पनि एचटीएमएल कागजातमा पाठको सामान्य ह्यान्डलिंग भनेको तपाईंलाई के चाहिन्छ, तर अन्य उदाहरणहरूमा, तपाइँ वास्तवमा कसरी पाठ खाली ठाउँ र जहाँ रेखाहरू तोक्नुहुन्छ र अधिक नियन्त्रणमा राख्न चाहनुहुन्छ।
यो पूर्व-ढाँचा पाठको रूपमा जान्छ (अर्को शब्दहरूमा, तपाईं स्वरूप ढाँचा)। HTML पूर्व ट्याग प्रयोग गरी तपाइँका वेब पृष्ठहरूमा पूर्व-ढाँचा पाठ थप्न सक्नुहुन्छ।
ट्याग प्रयोग गरी
धेरै वर्ष पहिले, यो पूर्व स्वरूपित पाठको ब्लकहरूसँग वेब पेजहरू हेर्नको लागि सामान्य हुन प्रयोग भएको थियो। पृष्ठको सेक्सनको रूपमा टाइप गर्न पूर्व ट्यागको प्रयोग गरी टाइपिंग द्वारा स्वरूपित रूपमा वेब डिजाइनरहरूको लागि पाठ प्रदर्शन गर्न छिटो र सजिलो तरिका हो जुन तिनीहरू यो चाहन्थे।
यो लेआउटको लागि सीएसएसको उदय गर्नु अघि, वेब डिजाइनरहरू वास्तवमा तालिकाहरू र अन्य एचटीएमएल-मात्र विधिहरू प्रयोग गरेर लेआउट बल गर्न प्रयास गर्न थाल्दै थिए। यो (दया) फिर्ता काम गरे किनकी पूर्व-ढाँचा पाठ को पाठ को रूप मा परिभाषित गरिएको छ जसमा संरचना टाइपोग्राफिक कन्वेंशन द्वारा HTML को प्रतिपादन को बजाय परिभाषित गरिएको छ।
आज, यो ट्याग प्रयोग गर्न सकिँदैन किनकि CSS ले हामीलाई हाम्रो स्टाइलमा उपस्थिति बल गर्न को लागी धेरै अधिक कुशल तरिकामा भिजुअल स्टाइलहरू हिसाब गर्न अनुमति दिन्छ र किनभने वेब मानकले ढाँचा (एचटीएमएल) र शैलीहरू (सीएसएस) को स्पष्ट विभाजनको हिसाब गर्छ। अझै पनि, उदाहरण हुन सक्छ पूर्व पूर्वनिर्धारित पाठ भावना हो, जस्तै मेलिङ ठेगानाको लागि जहाँ तपाइँ रेखा ब्रेक बल गर्न सक्नुहुन्छ वा सामग्रीको पढ्ने र समग्र प्रवाहको लागि लाइन ब्रेक आवश्यक पर्नका उदाहरणहरूको लागि।
यहाँ HTML
ट्याग प्रयोग गर्न एक तरिका हो:ट्वस ब्रिलिग र स्लिटहा टोवरहरू गेयर र wabe मा चिन्तासाधारण HTML कागजातमा सेतो स्पेसलाई समात्दछ। यसको मतलब यो क्यारेक्टर रिटर्न, रिक्त ठाउँहरू, र यस पाठमा प्रयोग गरिएका ट्याब क्यारेक्टरहरू सबै एक स्थानमा खट्नेछ। यदि तपाईंले माथिको उद्धरण टाइप गर्नुभयो भने एक विशिष्ट एचटीएमएल ट्याग जस्तै p (अनुच्छेद) ट्याग, तपाईं पाठको एक रेखाको साथ समाप्त हुनेछ, जस्तै:
ट्वस ब्रिलिग र स्लिटहा टावरहरू ग्यारेज र भिबामा चिन्ता गरे
पूर्व ट्यागले सेतो स्पेस क्यारेक्टरहरू छोडिन्छ। त्यसैले लाइन ब्रेकहरू, स्पेस, र ट्याबहरू सबै सामग्रीको ब्राउजरको प्रतिपादनमा बनेको छन्। एउटै पाठको लागि पूर्व ट्याग भित्र उद्धरण राख्नु यो प्रदर्शनको परिणाम हुनेछ:
ट्वस ब्रिलिग र स्लिटहा टावरहरू ग्यारेज र भिबामा चिन्ता गरेफन्टको सन्दर्भमा
पूर्व ट्यागले पाठ लेखको लागि रिक्त स्थानहरू र ब्रेकहरू भन्दा बढी बनाउँछ। प्रायजसो ब्राउजरमा, यो मोनोस्पेस फन्टमा लेखिएको छ। यसले क्यारेक्टरमा सबै चौडाइ बराबर बराबर बनाउँछ। अर्को शब्दमा, पत्र मैले पत्रको रूपमा धेरै ठाउँ लिन्छ।
यदि तपाइँले पूर्वनिर्धारित मोनोस्पेस एक स्थानमा ब्राउजर प्रदर्शनको स्थानमा अर्को फन्ट प्रयोग गर्न चाहनुहुन्छ भने, तपाईं अझै पनि यो शैली पानाहरूसँग परिवर्तन गर्न सक्नुहुनेछ र कुनै अन्य फन्ट चयन गर्नुहोस् जुन तपाईं पाठ प्रस्तुत गर्न चाहनुहुन्छ ।
HTML5
यो एक कुरा हो कि यो कुरा हो, HTML5 मा, "चौडाइ" विशेषता अब
तत्वको लागि समर्थित छैन। HTML 4.01 मा, चौडाइले क्यारेक्टरहरूको संख्या निर्दिष्ट गरे जुन रेखा समावेश गर्दछ, तर यसलाई HTML5 र थपका लागि मेटाइएको छ।2/2/17 मा जेरेमी गिरर्ड द्वारा सम्पादित