HTML5 Semantic Web

Download HTML5 Semantic Web

Post on 20-May-2015

1.915 views

Category:

Technology

0 download

Embed Size (px)

TRANSCRIPT

<p><br /><br /><br />The Awesome Blog ofAwesome<br /><br /><br /><br /><br /></p> <p><i>Awesome is a State of Mind</i></p> <p><br /><br /><br />10<br /><br /></p> <div><br />The Awesome Blog of Awesome<br /><p>Awesome is a State of Mind</p><br /></div> <p><br />Relatively Unsemantic<br />Relatively Semantic<br /> 11. HTML5?<br />11<br />What does this have to do with HTML5?<br /> 12. HTML5 adds more semantics<br /><br /><br />The Awesome Blog of Awesome<br /></p> <p>Awesome is a State of Mind</p> <p><br /><br /><br /></p> <ul><li><br /></li><li>Home<br /></li><li>Blog<br /></li><li>About<br /></li><li>Contact<br /></li></ul> <p><br /><br />12<br /> 13. Introducing The Awesome Blog of Awesome<br />13<br />HTML5<br />XHTML<br /> 14. Elements<br />14<br /> 15. Header<br />15<br /> 16. Header<br /></p> <div><br />The Awesome Blog of Awesome<br /><p>Awesome is a State of Mind</p><br /></div> <p><br />16<br /><br /><br />The Awesome Blog of Awesome<br />Awesome is a State of Mind<br /><br /><br />HTML 5<br />Previously<br /> 17. Hgroup?<br />17<br />Whats the all about?<br /> 18. Hgroup<br />18<br /><br /><br /><br /><br />Its for grouping related headers, that dont spawn their own node in the outline<br /> 19. Hgroup?<br />19<br />Huh?<br /> 20. Effect of hgroup<br /></p> <ul><li>H1 Awesome Blog of Awesome </li></ul> <p> 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<br /></p> <ul><li>H1 Awesome Blog of Awesome </li></ul> <p> 25. H2 Recent Posts 26. H3 I Made a Post Thingie 27. H3 My Thoughts are made manifest No Hgroup<br />With HGroup<br /> 28. Hgroup?<br />21<br />Still huh?<br /> 29. Outlines<br />Outlines seem really important to the people who push semantic HTML 5<br />Are they really important?<br />Today: No<br />Tomorrow: Who knows?<br />But this is a semantically correct way of reducing classes and extraneous divs<br />22<br /> 30. Footer<br />23<br /> 31. Footer<br /></p> <div><br /><ul><li><br /></li><li>Home<br /></li><li>Blog<br /></li><li>About<br /></li><li>Contact<br /></li></ul><br /></div> <p><br />26<br /><br /></p> <ul><li><br /></li><li>Home<br /></li><li>Blog<br /></li><li>About<br /></li><li>Contact<br /></li></ul> <p><br /><br />Previously<br />HTML 5<br /> 34. Articles<br />27<br /> 35. Articles<br /><br /><br />I Scream My Thoughts<br />August 10, 2011<br /><br /></p> <p>You probably haven't heard of them duis</p> <p><br /><br />28<br /><br /><br />I Scream My Thoughts<br />August 10, 2011<br /><br /></p> <p>You probably haven't heard of them duis</p> <p><br /><br />Previously<br />HTML5<br /> 36. An article is a piece of content that can stand on its own<br />29<br /> 37. Date and Time<br />Human Readable String<br />Datetime<br />Date: 2011-09-20<br />Datetime: 2011-09-20T20:00Z<br />Datetime: 2011-09-20T20:00+00:00<br />Pubdate<br />Used with article to denote that this particular time is the publication date. <br />30<br /> 38. Date Time<br />31<br />Just the <br />letter T<br />2011-09-20T20:00Z<br />Z for <br />Zulu Time<br />Hours:Minutes<br />Year-Month-Day<br />Just the <br />letter T<br />2011-09-20T20:00+00:00<br />Year-Month-Day<br />Hours:Minutes<br />Time Zone Offset<br /> 39. Section?<br />32<br />Theres also this thing called how does that work. <br /> 40. An Article is a piece of stand-alone content<br />33<br /> 41. Blog Post<br />34<br /> 42. Or a comment<br />35<br /> 43. A section is a collection of related pieces of content<br />36<br /> 44. 37<br /> 45. Articles can contain Sections<br />38<br /> 46. Blog Post<br />39<br />Article<br />Section<br />Section<br />Section<br /> 47. Sections can contain Articles<br />40<br /> 48. Articles can contain other articles<br />41<br /> 49. 42<br />Article<br />Section<br />Section<br />Section<br />Article<br />Article<br /> 50. Content<br />43<br /> 51. Content<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br />44<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br />Previously<br />HTML5<br /> 52. Also can be correct<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br />45<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br /> ...<br /><br /><br />Previously<br />HTML5<br /> 53. Umm<br />46<br />Thats great, but frankly not that much of a different, how is that better?<br /> 54. Benefit 1<br /><br /><br /><br /></p> <div><br /></div> <p><br /><br />47<br /><br /><br /><br /><br /><br /></p>