I´m just starting out with Html5 and find it very exciting!
I´ve seen some tutorials and read some on the subject
but it is still hard to find a standardized way of doing things.
I made a structure test at http://www.mainland.se/html5/
and would be happy if anyone could give me feedback about the use of the structural tags in Html5.
This is what I did:
I packed the page in a wrapper DIV as usual.
Them added a <header> with title and a nested <nav> with a title.
Them I used a <section> with a title and an ID of "maincontent" to make it float as a left column.
In the <section> I put two <article>regions with titles and an <aside> with a title as well.
After that I used an <aside>with a title and the ID of "sidebar" to make it float right as a sidebar.
Finally I added <footer> with a title and a nested <address> tag.
What do you think, can this be used as a basic layout?
/ Man at Work
Hi Man at Work,
I believe the stuctural markup is best seen in an outline. You can check it here: http://gsnedders.html5.org/outliner/ This way you can see if the page structure is what you intended. I normally try to make an outline of the html5 page a head of time. hope this helps
Thank you for yor reply and the link. I also found a good Chrome extension at http://code.google.com/p/h5o/
for outlining Html5 documents. I´m still wondering if I could replace div-tags that I used for floating columns, left and right,
with the <section> and the <aside> tags for layout purposes?
/ Man at work
Yes you can replace the div tags with html5 markup. just remember to keep the id's for your css.