Html5 Presentation
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Html5 Presentation as PDF for free.
More details
- Words: 781
- Pages: 22
HTML5 & CSS3 Graceful Degradation and Progressive Enhancement (Or: Say “Good Bye!” to Flash and Photoshop)
Wednesday, August 26, 2009
Problems with HTML4 • • • • •
No guidelines left uncertainty. Loose structure leads to “Divitus” Also, Class Hell / ID Hell Not flexible for web applications Tables for Layouts (evil but still reliable)
Wednesday, August 26, 2009
Problems with CSS • • •
Very powerful, yet still limited Few ways to select elements As with HTML: No Structure == Mess!
Wednesday, August 26, 2009
So What’s New?
Wednesday, August 26, 2009
HTML5 : Semantic Tags • • • • • •
SECTION
• • •
HGROUP
Wednesday, August 26, 2009
HEADER NAV ARTICLE FIGURE FOOTER
MENU ASIDE
HTML 5 provides tags which aim to use the DOM to define the functionality and structure of the site. Through this, markup is dramatically cleaned up and clarity is provided... Mostly.
Nice, tidy markup HTML 4
Wednesday, August 26, 2009
HTML 5
Nice, tidy markup HTML 4
Wednesday, August 26, 2009
HTML 5
Nice, tidy markup HTML 4
HTML 5
<style> article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
Wednesday, August 26, 2009
Wednesday, August 26, 2009
Problems with HTML4 • • • • •
No guidelines left uncertainty. Loose structure leads to “Divitus” Also, Class Hell / ID Hell Not flexible for web applications Tables for Layouts (evil but still reliable)
Wednesday, August 26, 2009
Problems with CSS • • •
Very powerful, yet still limited Few ways to select elements As with HTML: No Structure == Mess!
Wednesday, August 26, 2009
So What’s New?
Wednesday, August 26, 2009
HTML5 : Semantic Tags • • • • • •
SECTION
• • •
HGROUP
Wednesday, August 26, 2009
HEADER NAV ARTICLE FIGURE FOOTER
MENU ASIDE
HTML 5 provides tags which aim to use the DOM to define the functionality and structure of the site. Through this, markup is dramatically cleaned up and clarity is provided... Mostly.
Nice, tidy markup HTML 4
Wednesday, August 26, 2009
HTML 5
Nice, tidy markup HTML 4
Wednesday, August 26, 2009
HTML 5
Nice, tidy markup HTML 4
HTML 5
<style> article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
Wednesday, August 26, 2009
Related Documents
Html5 Presentation
May 2020 6
Html5.doc
April 2020 15
Html5-css3.pdf
June 2020 4
Learning Html5 Game Programming.pdf
June 2020 2
Html5 Canvas Cheat Sheet
December 2019 7