HTML 5 Skeleton
From Logic Wiki
Contents
doctype
in HTML5 doctype is simpler
<!DOCTYPE html>
Semantic Elements
Article
To wrap things like a blog post
Header
it's in article and represents a header inside
it represents a a footer
Section
kind of div but it's more then style it's for content
Address
Aside
Side content (related information) of the main content.
Figure
when an image is refere to content it's a kind of wrapper
a cup of coffee is ....
<figure> <img src="up.jpg" alt ....> <figcaption Fig.1 - A Fresh cup.</figcaption> </figure>
Figcaption
to add some info below the image.
Summary and Details
It's not supported by all browsers but it's a block that summary always visible and details are hidden. Details ate become visible when summary clicked.
<details> <summary> What sdf asdf asdf </summary>
Coffee ...asd fasd a..
</details>
Audio and Video
Canvas
Inline Elements
Mark
highlights a text in a text.
don't fortget to do something today
Meter
<meter value="6" min="0" max="10"> 6 out of 10 </meter>
kind of loading image displays
Progress
<progress value="6" max="10"> 6 out of 10 </progress>
kind of loading image displays (less visually)
Time
it's open every day from
sorry but we are closed on
