عناصر معناگرا در html5

[yasharhi]

من برای اولین بار می خوام از عناصر معناگرا استفاده کنم . اگر به صورت زیر استفاده کنم درسته ؟!

<div id="header">

</div>

------------------------------
یا حتما باید اینطوری باشه ؟
<header>
....
<header/>

[2undercover]

خوب معلومه دومی!

[yasharhi]

خوب معلومه دومی!
پس اگر تو سایت چند تا هدر داشته باشم باید چیکار کنم ؟!

[2undercover]

خوب می تونید از class ها و id های مختلف استفاده کنید. به مثال زیر توجه کنید:



<div id="container">
<header id="header">
</header>
<div id="content">
<article class="post">
<header class="post-head">
</header>
<section class="post-content">
</section>
<footer class="post-footer">
</footer>
</article>
</div>
<footer id="footer">
</footer>
</div>