HTML <code> टैग

HTML <code> टैग क्या है?

<code> टैग HTML दस्तावेज़ में कंप्यूटर कोड को फॉर्मेट करने के लिए उपयोग किया जाता है। यह ब्राउज़र को बताता है कि संलग्न टेक्स्ट कोड का एक टुकड़ा है, और आमतौर पर इसे मोनोस्पेस फ़ॉन्ट (monospace font) में प्रदर्शित करता है।

उदाहरण के लिए, यदि आप जावा कोड लिखना चाहते हैं और उसे ठीक से फॉर्मेट करना चाहते हैं, तो HTML में <code> एलिमेंट का उपयोग करें।

उदाहरण

नीचे C और C++ के हेडर फाइलों को <code> टैग का उपयोग करके प्रदर्शित किया गया है:

<!DOCTYPE html>
<html>
<body>
<h1>हेडर फाइलें</h1>
<h2>C++</h2>
<code>#include <iostream></code>
<h2>C</h2>
<code>#include <stdio.h></code>
</body>
</html>

आउटपुट

कोड स्निपेट मोनोस्पेस फ़ॉन्ट में दिखाई देंगे:

HTML <code> टैग

कोड विश्लेषण

हमने एक छोटा कोड स्निपेट सेट किया है - C और C++ में हेडर फाइलें:

<h2>C++</h2>
<code>#include <iostream></code>

हेडर फाइल <code> एलिमेंट के अंदर रखी गई है जो कोड को उचित तरीके से फॉर्मेट करती है:

<code>#include <iostream></code>

सर्वोत्तम अभ्यास

बहु-लाइन कोड ब्लॉक के लिए <code> को <pre> टैग के अंदर लपेटें ताकि व्हाइटस्पेस और इंडेंटेशन संरक्षित रहे।
<code> के साथ <samp> (नमूना आउटपुट) और <kbd> (कीबोर्ड इनपुट) जैसे सिमेंटिक टैग का उपयोग करें।
कोड में विशेष वर्णों (<, >, &) को HTML एंटिटी (<, >, &) के रूप में एस्केप करें।