Right Usage Of The Tag In Html5
I have read that the tag is the header of a section. It could be used more then 1 time in the document. Should I use the tag in the section:
Solution 1:
Your two cases have a different meaning:
Here the section has a header:
<section>
<header>
</header>
</section>
Here the parent section (*) has a header and a child section (which has no header):
<header>
</header>
<section>
</section>
(* Could be a sectioning element like article/section/nav/aside, or a sectioning root like body/etc.)
Both cases are possible, it depends on the meaning of your content.
See my answer to a related question, which contains an example document with different header elements.
Solution 2:
Don’t use section as a wrapper for styling. correct way is
<body><header><h1>Header in h1</h1><h2>Subheader in h2</h2></header><section><article><header><h1>Article #1</h1></header><section>
This is the first article.
</section></article><article><header><h1>Article #2</h1></header><section>
This is the second article.
</section></article></section><aside><section><h1>Links</h1><ul><li><ahref="#">Link 1</a></li><li><ahref="#">Link 2</a></li><li><ahref="#">Link 3</a></li></ul></section></aside><footer>Footer</footer></body>About section and header click here and for html5 possible mistakes here
Your html should be
<body><header><h1>Search Form</h1></header><sectionid="content"><h1>Search Result Title</h1><ulid="sponsored_ads"><li></li><li></li></ul><ulid="organic_ads"><li></li><li></li></ul><articleid="left_menu_1"><ul><li></li><li></li></ul></article><articleid="left_menu_2>
<ul>
<li></li>
<li></li>
</ul>
</article>
</section>
<footer></footer>
</body>
Post a Comment for "Right Usage Of The Tag In Html5"