CSS स्टाइल में प्री क्या है? HTML में प्री रैपिंग कोड टैग की भूमिका

हम उपयोग करते हैंवर्डप्रेस वेबसाइटCSS और HTML की कुछ मूल बातें सीखने की जरूरत है:

• कुछ WordPress विषयों की CSS शैली फ़ाइलों के कारण, पूर्व और कोड टैग शैलियों को नहीं जोड़ा जाता है।
• अधिकांश ब्राउज़र वर्तमान में समर्थन करते हैंनिशान।

एचटीएमएल  लेबल उदाहरण

निम्नलिखित प्री टैग की सीएसएस शैली है (जो स्वचालित रूप से एचटीएमएल कोड लपेट सकता है)

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

कोड टैग की सीएसएस शैली निम्नलिखित है

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

निर्देश:

• कृपया उपरोक्त सीएसएस टैग को वर्डप्रेस थीम पर कॉपी करें style.css फ़ाइल में।

HTML प्री टैग फ़ंक्शन और उपयोग निर्देश

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

मार्कअप का标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

यदि आप निर्दिष्ट पाठ प्रारूप को HTML में रखना चाहते हैं, तो आपको प्रमुख तत्व की विशेषता का लाभ उठाने की आवश्यकता है।

सुझाव और निर्देश

संकेत देना:टैग का एक सामान्य उपयोग कंप्यूटर के स्रोत कोड का प्रतिनिधित्व करना है।

HTML 4.01 और HTML5 के बीच अंतर

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

属性

संपत्ति मूल्य विवरण

• चौड़ाई संख्या HTML5 इस विशेषता का समर्थन नहीं करती है।
• यह विशेषता HTML 4.01 में बहिष्कृत है।
• प्रति पंक्ति वर्णों की अधिकतम संख्या को परिभाषित करता है (आमतौर पर 40,80, 132 या XNUMX)।

वैश्विक गुण

• <pre>मार्कअप वैश्विक विशेषताओं का समर्थन करता है, और संपूर्ण गुण पत्रक HTML वैश्विक विशेषताएँ देखें।

घटना गुण

• टैग सभी HTML ईवेंट विशेषताओं का समर्थन करते हैं।