यदि आप HTML कोड सिंटैक्स प्रदर्शित करना चाहते हैं, बिना आपके ब्राउज़र द्वारा इसे वास्तविक मार्कअप के रूप में व्याख्या किए (और इसे रेंडर किए) तो आपको पहले आरक्षित HTML वर्णों को एस्केप करना होगा।
नीचे <code></code> तत्व के अंदर <h1> टैग देखें:
<p>You should only use one <code><h1></code> element per article.</p>यदि आप उपरोक्त कोड को HTML दस्तावेज़ में जोड़ते हैं, तो <h1> को वास्तविक मार्कअप के रूप में व्याख्या किया जाएगा, जो आप स्पष्ट रूप से नहीं चाहते।
आपको कोण ब्रैकेट < और > को एस्केप करने की आवश्यकता है जो h1 को घेरते हैं क्योंकि वे आरक्षित HTML वर्ण हैं।
सौभाग्य से, यह आसान है:
<को < से बदलें>को > से बदलें
उदाहरण:
<p>You should only use one <code><h1></code> element per article.</p>अब उपरोक्त कोड सही ढंग से रेंडर होगा:
You should only use one <h1> element per article.
अब क्लास विशेषता के साथ कुछ HTML कोड को एस्केप करते हैं, उदा.: <p class="lead-paragraph"></p>।
<को < से बदलें>को > से बदलें"को " से बदलें
एस्केप किया गया HTML:
<p class="lead-paragraph"></p>
