Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
HTML 5 vs. XHTML 2:  The Future of Web Standards Chris Poteet www.siolon.com
Background <ul><li>Deficiencies set forth from HTML 4 and XHTML 1 </li></ul><ul><ul><li>Need less presentational elements ...
History of XHTML 2 <ul><li>W3C started the process in 2001 after XHTML 1.1 was published. </li></ul><ul><li>First draft pu...
History of HTML 5 <ul><li>Started by the Web Hypertext Application Technology Working Group (WHATWG) </li></ul><ul><li>The...
XHTML 2 Emphasis <ul><li>XHTML 2.0, unlike previous incarnations, is based solely on XML </li></ul><ul><ul><li>No more SGM...
HTML 5 Emphasis <ul><li>Focus more on transitional technology than revolutionary </li></ul><ul><li>Address deficiencies in...
New Elements in HTML 5 <ul><li>Layout </li></ul><ul><ul><li><nav> </li></ul></ul><ul><ul><li><footer> </li></ul></ul><ul><...
Also New in HTML 5 <ul><li>Attributes </li></ul><ul><ul><li>Reserved class names (copyright, error, note, etc) </li></ul><...
Sample Layout in HTML 5
New Elements in XHTML 2 <ul><li><l> (line break, replaces <br>) </li></ul><ul><li>The HREF attribute can appear on any ele...
Elements Removed <ul><li><basefont> </li></ul><ul><li><big> </li></ul><ul><li><font> </li></ul><ul><li><s> </li></ul><ul><...
Which One? <ul><li>HTML 5 has better support amongst upcoming browsers (IE8, FF 3, Saf 3) </li></ul><ul><ul><li>Although 9...
Further Reading <ul><li>Comparisons </li></ul><ul><li>http://immike.net/blog/2008/02/06/xhtml-2-vs-html-5/ </li></ul><ul><...
Contact Information <ul><li>[email_address] </li></ul><ul><li>www.siolon.com </li></ul>
Upcoming SlideShare
Loading in …5
×

HTML 5 vs. XHTML 2: The Future of Web Standards

15,646 views

Published on

A presentation I gave to the Dayton, OH web standards meetup group on the new standards in web technology.

Published in: Technology
  • You know I don't even know where I got that stat from now. The slide deck I made a while ago.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

HTML 5 vs. XHTML 2: The Future of Web Standards

  1. 1. HTML 5 vs. XHTML 2: The Future of Web Standards Chris Poteet www.siolon.com
  2. 2. Background <ul><li>Deficiencies set forth from HTML 4 and XHTML 1 </li></ul><ul><ul><li>Need less presentational elements </li></ul></ul><ul><ul><li>Need more semantic elements </li></ul></ul><ul><ul><li>Further separate presentation from structure </li></ul></ul><ul><ul><li>Allow richer serialization </li></ul></ul><ul><ul><li>More robust media controls </li></ul></ul><ul><li>The two standards that are “competing” for attention are XHTML 2.0 and HTML 5 </li></ul>
  3. 3. History of XHTML 2 <ul><li>W3C started the process in 2001 after XHTML 1.1 was published. </li></ul><ul><li>First draft published in 2002 </li></ul><ul><li>Safari opted out of participating </li></ul>
  4. 4. History of HTML 5 <ul><li>Started by the Web Hypertext Application Technology Working Group (WHATWG) </li></ul><ul><li>There was frustration about the direction of XMTML 2.0, and the group itself </li></ul><ul><li>April 2007, the W3C adopted the group’s specification for review </li></ul><ul><li>Has better browser support </li></ul>
  5. 5. XHTML 2 Emphasis <ul><li>XHTML 2.0, unlike previous incarnations, is based solely on XML </li></ul><ul><ul><li>No more SGML heritage </li></ul></ul><ul><li>Greater emphasis on XML technologies such as XForms, XML Events, etc. </li></ul><ul><li>Even more of an emphasis of separating presentation and structure </li></ul><ul><li>Better internationalization </li></ul>
  6. 6. HTML 5 Emphasis <ul><li>Focus more on transitional technology than revolutionary </li></ul><ul><li>Address deficiencies in HTML 4 </li></ul><ul><li>More open working group </li></ul><ul><li>Maintain a SGML syntax </li></ul><ul><li>Can choose whether to serialize as HTML or XML </li></ul>
  7. 7. New Elements in HTML 5 <ul><li>Layout </li></ul><ul><ul><li><nav> </li></ul></ul><ul><ul><li><footer> </li></ul></ul><ul><ul><li><header> </li></ul></ul><ul><ul><li><section> </li></ul></ul><ul><ul><li><aside> </li></ul></ul><ul><li>Media </li></ul><ul><ul><li><video> </li></ul></ul><ul><ul><li><audio> </li></ul></ul><ul><ul><li><source> </li></ul></ul><ul><ul><li><figure> </li></ul></ul><ul><ul><li><m> </li></ul></ul><ul><ul><li><canvas> </li></ul></ul><ul><li>Forms </li></ul><ul><ul><li>Support for different content types (dates, email, etc) </li></ul></ul>
  8. 8. Also New in HTML 5 <ul><li>Attributes </li></ul><ul><ul><li>Reserved class names (copyright, error, note, etc) </li></ul></ul><ul><li>Audio/Video API for playback </li></ul><ul><li>Persistent data storage on client-side </li></ul><ul><li>Offline web application API </li></ul><ul><li>Browser history API </li></ul>
  9. 9. Sample Layout in HTML 5
  10. 10. New Elements in XHTML 2 <ul><li><l> (line break, replaces <br>) </li></ul><ul><li>The HREF attribute can appear on any element </li></ul><ul><ul><li><li href=“home.html”>Home</li> </li></ul></ul><ul><ul><li><a> still supported </li></ul></ul><ul><li>Any element can be an image (<img> dropped) </li></ul><ul><ul><li><h2 src=“logo.png”></h2> </li></ul></ul><ul><li><h> replaces <h1> … <h6> </li></ul><ul><li><section> </li></ul><ul><ul><li>Nest <h> inside of <section> </li></ul></ul><ul><li><blockcode> </li></ul><ul><li><di> (group of related terms in <dl>) </li></ul><ul><li><handler> (for event handling) </li></ul><ul><li><separator> (replaces <hr>) </li></ul>
  11. 11. Elements Removed <ul><li><basefont> </li></ul><ul><li><big> </li></ul><ul><li><font> </li></ul><ul><li><s> </li></ul><ul><li><strike> </li></ul><ul><li><tt> </li></ul><ul><li>XHTML 2 Also Removes: </li></ul><ul><li><small> </li></ul><ul><li><b> </li></ul><ul><li><i> </li></ul><ul><li><hr> </li></ul><ul><li><iframe> </li></ul>
  12. 12. Which One? <ul><li>HTML 5 has better support amongst upcoming browsers (IE8, FF 3, Saf 3) </li></ul><ul><ul><li>Although 95% of all browsers are XML based </li></ul></ul><ul><li>XHTML continues to push us towards the future of the web—XML </li></ul><ul><li>HTML 5 allows for less strict markup (unlike XML) </li></ul><ul><li>HTML 5 introduces great layout elements </li></ul><ul><li>XHTML 2 has greater focus on separating presentation and structure </li></ul><ul><li>Both standards offer solutions to different developers </li></ul>
  13. 13. Further Reading <ul><li>Comparisons </li></ul><ul><li>http://immike.net/blog/2008/02/06/xhtml-2-vs-html-5/ </li></ul><ul><li>http://www.alistapart.com/articles/previewofhtml5 </li></ul><ul><li>http://xhtml.com/en/future/x-html-5-versus-xhtml-2/ </li></ul><ul><li>http://www.digital-web.com/articles/html5_xhtml2_and_the_future_of_the_web/ </li></ul><ul><li>Specifications </li></ul><ul><li>XHTML 2 </li></ul><ul><ul><li>http://www.w3.org/TR/xhtml2/ </li></ul></ul><ul><li>HTML 5 </li></ul><ul><ul><li>http://www.w3.org/html/wg/html5/ </li></ul></ul><ul><ul><li>http://www.whatwg.org/specs/web-apps/current-work/ </li></ul></ul>
  14. 14. Contact Information <ul><li>[email_address] </li></ul><ul><li>www.siolon.com </li></ul>

×