प्री-फॉर्मेटेड टेक्स्ट क्या है?

यहां अपने एचटीएमएल कोड में प्री-फॉर्मेटेड टेक्स्ट टैग का उपयोग कैसे करें

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

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

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

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

यह पूर्व-स्वरूपित पाठ के रूप में जाना जाता है (दूसरे शब्दों में, आप प्रारूप को निर्देशित करते हैं)। आप HTML प्री टैग का उपयोग करके अपने वेब पृष्ठों पर प्री-फॉर्मेटेड टेक्स्ट जोड़ सकते हैं।

 टैग का उपयोग करना 

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

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

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

HTML

 टैग का उपयोग करने का एक तरीका यहां दिया गया है: 

 
 Twas brillig और slithey toves wab में gyre और gimble किया था  
 विशिष्ट HTML दस्तावेज़ में सफेद स्थान को ध्वस्त कर देता है। इसका मतलब है कि इस पाठ में उपयोग किए जाने वाले कैरिज रिटर्न, रिक्त स्थान और टैब वर्ण सभी एक स्थान पर ध्वस्त हो जाएंगे। यदि आपने उपरोक्त उद्धरण को एक सामान्य HTML टैग जैसे पी (पैराग्राफ) टैग में टाइप किया है, तो आप इस तरह की टेक्स्ट की एक पंक्ति के साथ समाप्त हो जाएंगे: 
 Twas brillig और slithey toves wabe में gyre और gimble किया था 
 पूर्व टैग सफेद स्पेस वर्णों को छोड़ देता है। इसलिए लाइन ब्रेक, रिक्त स्थान और टैब सभी उस ब्राउज़र के प्रतिपादन में बनाए रखा जाता है। उसी पाठ के लिए पूर्व टैग के अंदर उद्धरण डालने से परिणामस्वरूप यह प्रदर्शन होगा: 
 Twas brillig और slithey toves wabe में gyre और gimble किया था 
 फ़ॉन्ट्स के बारे में 
 पूर्व टैग केवल आपके द्वारा लिखे गए पाठ के लिए रिक्त स्थान और ब्रेक बनाए रखने से अधिक करता है। अधिकांश ब्राउज़रों में, यह एक मोनोस्पेस फ़ॉन्ट में लिखा गया है। यह टेक्स्ट में वर्णों को चौड़ाई में बराबर बनाता है। दूसरे शब्दों में, पत्र मैं पत्र के रूप में ज्यादा जगह लेता हूं। 
 यदि आप डिफ़ॉल्ट मोनोस्पेस के स्थान पर एक और फ़ॉन्ट का उपयोग करना पसंद करते हैं जो ब्राउज़र प्रदर्शित करता है, तो आप इसे स्टाइल शीट के साथ बदल सकते हैं और टेक्स्ट को प्रस्तुत करने के लिए इच्छित किसी भी अन्य फ़ॉन्ट का चयन कर सकते हैं । 
 एचटीएमएल 5 
 ध्यान देने योग्य एक बात यह है कि, एचटीएमएल 5 में, "चौड़ाई" विशेषता अब 
 तत्व के लिए समर्थित नहीं है। एचटीएमएल 4.01 में, चौड़ाई ने वर्णों की संख्या निर्दिष्ट की है जिसमें एक पंक्ति होगी, लेकिन इसे HTML5 और उससे आगे के लिए छोड़ दिया गया है। 

 जेरेमी गिरार्ड द्वारा 2/2/17 को संपादित किया गया