What is HTML5
advertisement
What is HTML5? Latest version of HTML markup language Intended to replace all previous versions of HTML and XHTML History HTML first specified in 1990 HTML2 - 1995 HTML 3.2 1997 HTML 4.0 1997 HTML 4.1 1999 XHTML 2000 New features Native support for video, audio Support for vector graphics New tags o <header> o <footer> o <nav> o <section> o <article> New form controls Local storage Implementation in browsers Partially implemented in current browsers Generally not supported at all in IE prior to 9.0 Doctype and character encoding <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> Dreamweaver will do this for you if you specify HTML5 document Marking up for older browsers Html5 shiv Javascript to make HTML5 markup work in older browsers <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Semantic vs. Presentational Markup Semantic focuses on meaning Presentational focuses on appearance Old <b> tag was presentational <strong> is semantic New tags are intended to make markup more semantic Using new tags Examples - midwinterbluegrass.com (doctype, new tags, html 5shiv) audio - jtc372.net/multimedia.html video - jtc372.net/multimedia.html CSS3 New properties border-radius (rounded corners) border images multiple background images opacity box-shadow rotation etc. New Selectors o nth-child, last-child (example http://jtc372.net/schedule.html) o database interaction o Lots more Should you use the new tags? I don't know Seems to be the future If you do, make it degrade to something that still works Probably best great for mobile sites (e.g., advantages for responsive design, geolocation) Native is faster, more reliable caniuse.com
