HTML <kbd> टैग

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

<kbd> टैग कीबोर्ड इनपुट (keyboard input) को परिभाषित करने के लिए उपयोग किया जाता है। इसका उपयोग तब करें जब आप चाहते हैं कि उपयोगकर्ता अपने कीबोर्ड पर टाइप करे, उदाहरण के लिए, शॉर्टकट कुंजियाँ: कॉपी के लिए Ctrl+C, बाहर निकलने के लिए Esc, आदि।

ब्राउज़र आमतौर पर <kbd> सामग्री को मोनोस्पेस फ़ॉन्ट में प्रदर्शित करते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Shortcut Keys</h2>
  <p>Use the following shortcut keys - </p>
  <p><strong>Cut</strong> - <kbd>CTRL</kbd>+<kbd>X</kbd></p>
  <p><strong>Copy</strong> - <kbd>CTRL</kbd>+<kbd>C</kbd></p>
  <p><strong>Paste</strong> - <kbd>CTRL</kbd>+<kbd>V</kbd></p>
  <p><strong>Undo</strong> - <kbd>CTRL</kbd>+<kbd>Z</kbd></p>
</body>
</html>

आउटपुट

शॉर्टकट कुंजियाँ मोनोस्पेस फ़ॉन्ट में प्रदर्शित होंगी:

HTML <kbd> टैग

कोड विश्लेषण

उपरोक्त उदाहरण में, हमने कुछ शॉर्टकट कुंजियाँ सेट की हैं:

<strong>Cut</strong> - <kbd>CTRL</kbd>+<kbd>X</kbd>

शॉर्टकट कुंजी <kbd> एलिमेंट का उपयोग करके सेट की गई है, उदाहरण के लिए, CTRL + X:

<kbd>CTRL</kbd>+<kbd>X</kbd>

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

प्रत्येक कुंजी को अलग <kbd> में लपेटें (जैसे <kbd>Ctrl</kbd>+<kbd>C</kbd>) बेहतर स्टाइलिंग के लिए।
CSS के साथ स्टाइल करें: kbd { background: #eee; border-radius: 3px; padding: 2px 4px; font-family: monospace; }
सिमेंटिक अर्थ: यह उपयोगकर्ता इनपुट दर्शाता है, केवल इटैलिक/बोल्ड नहीं।
संबंधित: <samp> (प्रोग्राम आउटपुट), <code> (कोड)।