Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Poprawne wykorzystanie elementów html5
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
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:

  1. <header></header>
  2. <nav></nav>
  3. <main role="main">
  4. <article>
  5. <img src="images/zdjecie.png" alt="" />
  6. <h2>Lorem ipsum dolor sit amet</h2>
  7. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
  8. </article>
  9. <article>
  10. <img src="images/zdjecie.png" alt="" />
  11. <h2>Lorem ipsum dolor sit amet</h2>
  12. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
  13. </article>
  14. <article>
  15. <img src="images/zdjecie.png" alt="" />
  16. <h2>Lorem ipsum dolor sit amet</h2>
  17. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
  18. </article>
  19. </main>
  20. <footer></footer>


i teraz robie strone dla pojedynczego wpisu

  1. <header></header>
  2. <nav></nav>
  3. <main role="main">
  4. <article class="post">
  5. <img src="images/zdjecie.png" alt="" />
  6. <h2>Lorem ipsum dolor sit amet</h2>
  7. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
  8. </article>
  9. </main>
  10. <aside></aside>
  11. <footer></footer>


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> )?
freemp3
Dodanie klasy nie resetuje styli do domyślnych. Jeśli chcesz, aby te dwa elementy ze sobą nie kolidowały to elementowi article na liście też nadaj jakąś klasę i do niej przypisz style.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.