Poprawne wykorzystanie elementów html5 Opcje

[d4ng]

Witajcie mam mały problem. Tworze stronkę według poprawnego (tak mi się wydaje) html5 i mam problem z dziedziczeniem...

np. strona bloga wygląda tak:

[HTML] pobierz, plaintext 
<header></header>
<nav></nav>
<main role="main">
	<article>
		<img src="images/zdjecie.png" alt="" />
		<h2>Lorem ipsum dolor sit amet</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
	</article>
	<article>
		<img src="images/zdjecie.png" alt="" />
		<h2>Lorem ipsum dolor sit amet</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
	</article>
	<article>
		<img src="images/zdjecie.png" alt="" />
		<h2>Lorem ipsum dolor sit amet</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
	</article>
</main>
<footer></footer>
[HTML] pobierz, plaintext 

i teraz robie strone dla pojedynczego wpisu

[HTML] pobierz, plaintext 
<header></header>
<nav></nav>
<main role="main">
	<article class="post">
		<img src="images/zdjecie.png" alt="" />
		<h2>Lorem ipsum dolor sit amet</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
	</article>
</main>
<aside></aside>
<footer></footer>
[HTML] pobierz, plaintext 

Pomimo tego że do article dodałem klase "post" to i tak wszystko zostało odziedziczone.. czy można jakoś uniemożliwić dziedziczenie czy trzeba nadpisywać reguły?

Ps. Czy element <section> będzie dobry dla widgetów sidebara ( <aside> )?

Ten post edytował d4ng 9.01.2015, 11:54:09