<!doctype html> <html lang="cs"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style/style.css"> <script src="js/script.js"></script> </head> <body> <header></header> <nav></nav> <article> <section></section> <section></section> <section></section> </article> <aside></aside> <footer></footer> </body> </html>
header
- hlaviška, záhlavínav
- navigace, menuarticle
- obsah, článek, produkt...section
- specifická část záhlaví, zápatí nebo obsahu webuaside
- informace nevztahující se přímo k obsahu (reklama, odkazy, bannery, postranní panel, kontaktní informace, novinky, hodnocení...)footer
- pata, zápatíPro ukázku zde uvedu několik příkladů jak by mohla vypadat základní kostra webové prezentace po úpravě za použití css.
<header></header> <nav></nav> <article> <section></section> <section></section> <section></section> </article> <aside></aside> <footer></footer>
<header></header> <nav></nav> <article> <section></section> <section></section> <section></section> </article> <aside></aside> <aside></aside> <footer></footer>
<header> <section></section> </header> <nav> <section></section> </nav> <article> <section></section> <section></section> <section></section> </article> <aside> <section></section> </aside> <aside> <section></section> </aside> <footer></footer>
Můžete i více experimentovat. Například jedna z mích prvních šablon sváděla k tomu mít více hlaviček, zápatí i článků. Ve výsledku i 10 na jednu html stránku. Což se dá domyslet na posledním obrázku.