HTML <hgroup> टैग

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

<hgroup> टैग HTML दस्तावेज़ के शीर्षक को परिभाषित करने के लिए उपयोग किया जाता है। यह <h1> से <h6> तक के शीर्षकों को समूहित (group) करता है, आमतौर पर एक मुख्य शीर्षक और उप-शीर्षक (subheading) के लिए।

⚠ महत्वपूर्ण नोट: <hgroup> टैग HTML5 में पेश किया गया था लेकिन बाद में W3C HTML5 विनिर्देश से हटा दिया गया (dropped)। यह अब मानक HTML का हिस्सा नहीं है। हालांकि, WHATWG HTML लिविंग स्टैंडर्ड में यह अभी भी शामिल है। ब्राउज़र अभी भी इसका समर्थन करते हैं, लेकिन इसके उपयोग से बचने की सलाह दी जाती है। विकल्प: <header> या साधारण <div> उपयोग करें।

वाक्यविन्यास (Syntax)

<hgroup>
  <h1></h1>
  <h2></h2>
  <h3></h3>
  <h4></h4>
  <h5></h5>
  <h6></h6>
</hgroup>

उदाहरण (केवल शैक्षिक उद्देश्य के लिए)

<!DOCTYPE html>
<html>
<head>
  <title>Document Title</title>
</head>
<body>
  <hgroup>
    <h1>Demo Heading One</h1>
    <h2>Demo Heading Two</h2>
  </hgroup>
  <p>This is demo text.</p>
  <p>This is demo text.</p>
  <p>This is demo text.</p>
  <p>This is demo text.</p>
</body>
</html>

आउटपुट

दो शीर्षक समूहित दिखाई देंगे:

HTML <hgroup> टैग

कोड विश्लेषण

हमने <hgroup> के अंदर दो शीर्षक सेट किए हैं:

<hgroup>
  <h1>Demo Heading One</h1>
  <h2>Demo Heading Two</h2>
</hgroup>

आधुनिक विकल्प

<header> टैग का उपयोग करें जो सिमेंटिक रूप से सही है और व्यापक रूप से समर्थित है:

<header>
  <h1>मुख्य शीर्षक</h1>
  <p>उप-शीर्षक या टैगलाइन</p>
</header>

या केवल CSS के साथ स्टाइल किए गए <div> का उपयोग करें।