HTML में प्री-फ़ॉर्मेट किया गया टेक्स्ट क्या है, इसकी व्याख्या

जब आप किसी वेब पेज के लिए HTML कोड में टेक्स्ट जोड़ते हैं, जैसे कि पैराग्राफ एलिमेंट में, आपका इस पर बहुत कम या कोई नियंत्रण नहीं होता है कि टेक्स्ट की वे लाइनें कहां टूटेंगी या स्पेस का उपयोग किया जाएगा। ऐसा इसलिए है क्योंकि वेब ब्राउज़र टेक्स्ट को उस क्षेत्र के आधार पर प्रवाहित करेगा जिसमें वह शामिल है। यह भी शामिल है उत्तरदायी वेबसाइट जिसमें एक बहुत ही तरल लेआउट होगा जो इसके आधार पर बदलता है स्क्रीन का आकार पृष्ठ देखने के लिए उपयोग किया जा रहा है। एचटीएमएल टेक्स्ट उस लाइन को तोड़ देगा जहां उसे एक बार अपने युक्त क्षेत्र के अंत तक पहुंचने की आवश्यकता होती है। अंत में, ब्राउज़र यह निर्धारित करने में अधिक भूमिका निभाता है कि पाठ आपके द्वारा कैसे टूटता है।

एक निश्चित प्रारूप या लेआउट बनाने के लिए स्पेसिंग जोड़ने के मामले में, HTML स्पेसबार, टैब या कैरिज रिटर्न सहित कोड में जोड़े गए स्पेसिंग को नहीं पहचानता है। यदि आप एक शब्द और उसके बाद आने वाले शब्द के बीच बीस रिक्त स्थान रखते हैं, तो ब्राउज़र वहां केवल एक ही स्थान प्रस्तुत करेगा। इसे व्हाइट स्पेस पतन के रूप में जाना जाता है और यह वास्तव में HTML की अवधारणाओं में से एक है जो उद्योग के लिए कई नए लोग पहली बार संघर्ष करते हैं। वे माइक्रोसॉफ्ट वर्ड जैसे प्रोग्राम में एचटीएमएल व्हाइटस्पेस से काम करने की उम्मीद करते हैं, लेकिन ऐसा नहीं है कि एचटीएमएल व्हाइटस्पेस बिल्कुल काम करता है।

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

 का उपयोग करते हुए 
 टैग 

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

आज, इस टैग का उतना उपयोग नहीं किया जाता है क्योंकि सीएसएस हमें दृश्य शैलियों को कोशिश करने से कहीं अधिक कुशल तरीके से निर्देशित करने की अनुमति देता है हमारे एचटीएमएल में उपस्थिति को मजबूर करने के लिए और क्योंकि वेब मानक संरचना (एचटीएमएल) और शैलियों के स्पष्ट पृथक्करण को निर्धारित करते हैं (सीएसएस)। फिर भी, ऐसे उदाहरण हो सकते हैं जब पूर्व-स्वरूपित पाठ समझ में आता हो, जैसे डाक पते के लिए जहां आप बलपूर्वक करना चाहते हैं लाइन ब्रेक या कविता के उदाहरणों के लिए जहां लाइन ब्रेक पढ़ने और समग्र प्रवाह के लिए आवश्यक हैं सामग्री। 

यहाँ HTML का उपयोग करने का एक तरीका है 
 टैग: 

विशिष्ट HTML दस्तावेज़ में सफेद स्थान को ध्वस्त कर देता है। इसका अर्थ यह है कि इस पाठ में प्रयुक्त कैरिज रिटर्न, रिक्त स्थान और टैब वर्ण सभी एक स्थान पर संक्षिप्त हो जाएंगे। यदि आपने उपरोक्त उद्धरण को पी (पैराग्राफ) टैग जैसे सामान्य HTML टैग में टाइप किया है, तो आप टेक्स्ट की एक पंक्ति के साथ समाप्त हो जाएंगे, जैसे: 

ट्वास ब्रिलिग एंड द स्लीथे टोव्स ने वेबे में जाइरे और गिम्बल किया। 

प्री टैग व्हाइट स्पेस कैरेक्टर को वैसे ही छोड़ देता है। तो उस सामग्री के ब्राउज़र के प्रतिपादन में लाइन ब्रेक, रिक्त स्थान और टैब सभी बनाए रखा जाता है। उद्धरण को अंदर रखना a 
 उसी पाठ के लिए टैग का परिणाम इस प्रदर्शन में होगा: 
ट्वास ब्रिलिग एंड द स्लिथे टोव्स
ग्यारे और गिंबल किया
में

wabe
 फ़ॉन्ट्स के बारे में 
 
 टैग आपके द्वारा लिखे गए पाठ के लिए रिक्त स्थान और विराम को बनाए रखने से कहीं अधिक करता है। अधिकांश ब्राउज़रों में, यह एक मोनोस्पेस फ़ॉन्ट में लिखा जाता है। इससे टेक्स्ट के सभी वर्ण चौड़ाई में बराबर हो जाते हैं। दूसरे शब्दों में, अक्षर मैं उतना ही स्थान लेता है जितना कि अक्षर w। 

यदि आप ब्राउज़र द्वारा प्रदर्शित डिफ़ॉल्ट मोनोस्पेस के स्थान पर किसी अन्य फ़ॉन्ट का उपयोग करना पसंद करते हैं, तो भी आप इसे बदल सकते हैं स्टाइल शीट और कोई अन्य चुनें फ़ॉन्ट आप चाहते हैं कि पाठ का प्रतिपादन किया जाए। 
 एचटीएमएल 5 

ध्यान देने वाली एक बात यह है कि, HTML5 में, "चौड़ाई" विशेषता अब के लिए समर्थित नहीं है 
 तत्व। HTML 4.01 में, चौड़ाई ने वर्णों की संख्या को निर्दिष्ट किया जिसमें एक पंक्ति होगी, लेकिन इसे HTML5 और उसके बाद के लिए हटा दिया गया है।