The Awesome Blog ofAwesome

Awesome is a State of Mind

10

The Awesome Blog of Awesome

Awesome is a State of Mind

Relatively Unsemantic
Relatively Semantic
11. HTML5?
11
What does this have to do with HTML5?
12. HTML5 adds more semantics


The Awesome Blog of Awesome

Awesome is a State of Mind

Home

Blog

About

Contact

12
13. Introducing The Awesome Blog of Awesome
13
HTML5
XHTML
14. Elements
14
15. Header
15
16. Header

The Awesome Blog of Awesome

Awesome is a State of Mind

16


The Awesome Blog of Awesome
Awesome is a State of Mind


HTML 5
Previously
17. Hgroup?
17
Whats the all about?
18. Hgroup
18




Its for grouping related headers, that dont spawn their own node in the outline
19. Hgroup?
19
Huh?
20. Effect of hgroup

H1 Awesome Blog of Awesome

21. H2 - Awesome is a State of Mind 22. H2 - Recent Posts 23. H3 I Made a Post Thingie 24. H3 My Thoughts are made manifest 20

H1 Awesome Blog of Awesome

25. H2 Recent Posts 26. H3 I Made a Post Thingie 27. H3 My Thoughts are made manifest No Hgroup
With HGroup
28. Hgroup?
21
Still huh?
29. Outlines
Outlines seem really important to the people who push semantic HTML 5
Are they really important?
Today: No
Tomorrow: Who knows?
But this is a semantically correct way of reducing classes and extraneous divs
22
30. Footer
23
31. Footer

• 
  
• Home
  
• Blog
  
• About
  
• Contact
  

26

Home

Blog

About

Contact

Previously
HTML 5
34. Articles
27
35. Articles


I Scream My Thoughts
August 10, 2011

You probably haven't heard of them duis

28


I Scream My Thoughts
August 10, 2011

You probably haven't heard of them duis

Previously
HTML5
36. An article is a piece of content that can stand on its own
29
37. Date and Time
Human Readable String
Datetime
Date: 2011-09-20
Datetime: 2011-09-20T20:00Z
Datetime: 2011-09-20T20:00+00:00
Pubdate
Used with article to denote that this particular time is the publication date.
30
38. Date Time
31
Just the
letter T
2011-09-20T20:00Z
Z for
Zulu Time
Hours:Minutes
Year-Month-Day
Just the
letter T
2011-09-20T20:00+00:00
Year-Month-Day
Hours:Minutes
Time Zone Offset
39. Section?
32
Theres also this thing called how does that work.
40. An Article is a piece of stand-alone content
33
41. Blog Post
34
42. Or a comment
35
43. A section is a collection of related pieces of content
36
44. 37
45. Articles can contain Sections
38
46. Blog Post
39
Article
Section
Section
Section
47. Sections can contain Articles
40
48. Articles can contain other articles
41
49. 42
Article
Section
Section
Section
Article
Article
50. Content
43
51. Content


...


...


...


44


...


...


...


Previously
HTML5
52. Also can be correct


...


...


...


45


...


...


...


Previously
HTML5
53. Umm
46
Thats great, but frankly not that much of a different, how is that better?
54. Benefit 1

47