The document discusses new features in HTML5 that improve semantics and allow content to be better understood by machines. It provides examples of how microformats and responsive design can make content accessible across different devices. It also explains how oEmbed allows content to be easily embedded and shared on different platforms.

1. Aweh. How do we get our sites ready for the future & dare I say… Web 3.0

2. Let’s talk about some cool stuff

3. HTML 5 = HTML + CSS + JS = What is HTML 5?

4. But the most important thing about Is Semantics. HTML 5 has lot’s of new features

5. The semantic web is all about giving the information you display on your website meaning and emphasis to machines. This allows them to process our information more intelligently and to make sense of it all. WTF is semantics? And why is it important? It’s true! Wikipedia says so!

6. Currently we give meaning and emphasis to our content through markup. Semantics in current HTML versions are flawed. HTML 5 makes semantic possibilities HUGE. WTF is semantics? And why is it important?

7. lo HTML 4 Markup

8. lo The HTML 5 Way

9. Improves semantics We use it already Based on existing standards Opens up information to3rd party apps Rich Google Snippets The Microformat

10. hRecipe is a standardisedmicroformat. Google reads and supports it – Extracts the microformat data into it’s search listings. Nested microformats with the hReview End Result – much friendlier snippets Only one example of usage. The Recipe Example

11. One site for all platforms Great solution to feature phone vs smart phone issue Responsive Design

12. Feature phones don’t support media queries. Build feature phone base with normal CSS. Use media queries & HTML5 data roles for smart phone enhancements & themes. .mobi site = Smart Phones & Feature Phones And why is that?

13. The nature of the web is such that sharing and republishing content is common – even encouraged Embed Practically Anything!

14. = Using oEmbed

15. = Z0MG HAUW?!

16. = oEmbed

17. Most of the major online services support it (218 at the time) Wordpress has oEmbed support oEmbed is an open format We can use it to make our ads embedable! Tell me more!

18. Die Einde. *Tjirs