How exactly do the semantics of the HTML5 <header>, <section>, and <footer> tags work? -

मैं थोड़ा हैरान हूं कि मुझे HTML5 & lt; header & gt; , & lt; अनुभाग & gt; , और & lt; पाद लेख & gt; टैग वर्तमान में, मैं इन्हें इस तरह से उपयोग करने के लिए बाहर काम नहीं कर सकता:

  & lt; अनुभाग id = "example_section" & gt; & LT; हैडर & gt; & Lt; h1 & gt; उदाहरण अनुभाग & lt; / h1 & gt; & Lt; p & gt; आदि & lt; / p & gt; & Lt; / हैडर & gt; & Lt; p & gt; सामग्री पैरा 1 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 2 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 3 & lt; / p & gt; & LT; पाद लेख & gt; क्या यह प्रफुल्लित नहीं था? & Lt; / पाद लेख & gt; & Lt; / अनुभाग & gt;  

या इसे पसंद करें:

  & lt; हैडर & gt; & Lt; h1 & gt; उदाहरण अनुभाग & lt; / h1 & gt; & Lt; p & gt; आदि & lt; / p & gt; & Lt; / हैडर & gt; & Lt; अनुभाग id = "example_section" & gt; & Lt; p & gt; सामग्री पैरा 1 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 2 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 3 & lt; / p & gt; & Lt; / अनुभाग & gt; & LT; पाद लेख & gt; क्या यह प्रफुल्लित नहीं था? & Lt; / पाद लेख & gt;  

या समझौता, इस तरह:

  & lt; अनुभाग id = "example_section_wrapper" & gt; & LT; हैडर & gt; & Lt; h1 & gt; उदाहरण अनुभाग & lt; / h1 & gt; & Lt; p & gt; आदि & lt; / p & gt; & Lt; / हैडर & gt; & Lt; अनुभाग id = "example_section" & gt; & Lt; p & gt; सामग्री पैरा 1 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 2 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 3 & lt; / p & gt; & Lt; / अनुभाग & gt; & LT; पाद लेख & gt; क्या यह प्रफुल्लित नहीं था? & Lt; / पाद लेख & gt; & Lt; / अनुभाग & gt;  

मैंने अनुभागों के इच्छित अर्थ को दिखाने के लिए आईडी शामिल किया है। मुझे पता है कि वे अनावश्यक हैं कौन सी विधि सही है?

सभी एक तरह से सही हैं लेकिन यह और भी बेहतर है, / P>

  & lt; अनुभाग id = "example_section_wrapper" & gt; & LT; हैडर & gt; & Lt; h1 & gt; उदाहरण अनुभाग & lt; / h1 & gt; & Lt; p & gt; आदि & lt; / p & gt; & Lt; / हैडर & gt; & Lt; अनुभाग id = "example_section" & gt; & Lt; p & gt; सामग्री पैरा 1 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 2 & lt; / p & gt; & Lt; p & gt; सामग्री पैरा 3 & lt; / p & gt; & Lt; / अनुभाग & gt; & LT; पाद लेख & gt; क्या यह प्रफुल्लित नहीं था? & Lt; / पाद लेख & gt; & Lt; / अनुभाग & gt;