History: HTML5

What is HTML5 ? {QUOTE(replyto=Wikipedia)}"HTML5 is being developed as the next major revision of HTML (HyperText Markup Language), the core markup language of the World Wide Web. HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. It aims to reduce the need for proprietary plug-in-based rich internet application ([http://en.wikipedia.org/wiki/Rich_Internet_Application|RIA]) technologies such as [http://en.wikipedia.org/wiki/Adobe_Flash|Adobe Flash] and [http://en.wikipedia.org/wiki/Microsoft_Silverlight|Microsoft Silverlight]."{QUOTE} Read the full article about [http://en.wikipedia.org/wiki/HTML5|HTML5 definition on Wikipedia|box;title=http://en.wikipedia.org/wiki/HTML5;].

On December 2010, Tiki  [http://tikiwiki.svn.sourceforge.net/viewvc/tikiwiki?view=revision&revision=31122|moved to HTML5] (released as part of ((doc:Tiki7)).)

{youtube movie="https://www.youtube.com/watch?v=r7xnKSPWTjo"}


! The plan
* ((Tiki7)) is HTML5. If you need to stay HTML4, stay with ((Tiki6)) LTS.
** [http://thread.gmane.org/gmane.comp.cms.tiki.devel/16906/focus=16961|detailed thread]
* ((Tiki8)): Improve, expand HTML5 implementation
** Adjust existing new HTML5 elements.
*** Side columns
+++ --With the switch to HTML5, the side columns were changed from ''div'' to ''aside'' but this isn't necessarily semantically accurate, depending on what's in the columns. These should probably be changed back to generic divs--. (Done r35808.)
** Modules should be configurable to use either div.box or a new HTML5 element such as ''article'' or ''aside'', so this can be set as a module parameter.
** Add new HTML5 elements where they aren't implemented yet.

!! Related wishes
* ((WebRTC))
* {WISH(id="1413")}{WISH}
* {WISH(id="1582")}{WISH}
* {WISH(id="909")}{WISH}
* {WISH(id="1767")}{WISH}
* {WISH(id="1756")}{WISH}
* ((srcset attribute))


!! Related pages
* http://www.bigbluebutton.org/2012/10/02/progress-on-bigbluebutton-html5-client/
* ((Browser Compatibility))
* ((WebSockets))
* ((Mass operations to do after the Semi-automatic merging period))
!! ToDo
* --announce switch from XHTML 1.0 Transitional doctype to HTML5 on dev-list--
* change Tiki HTML -+head+- code so ''role'' attribute validates
* experiment with ((Apache Callback))
* Add support for Microdata
++ Preference option/textfield needed for html tag attributes itemscope and itemtype.
++ Reference: [http://www.w3.org/TR/html5/microdata.html] and [http://schema.org/]
++ Use case: Google +1 button: [http://www.google.com/intl/en/webmasters/+1/button/index.html]

!!! Demo theme started
I started a demo theme at [http://zukakakina.com|Zukakakina.com] that will use HTML5 elements, etc., as much as possible. Select the htmlgo.css theme to check it out ("go" is a translation of "5" in Japanese). So far, the doctype and language specifications are changed, the header, footer, and nav elements have been added (and given appropriate class or id to stay compatible with stylesheets), and a javascript linked to in order to support IE. The changes for the theme are minimal, and are in theme-specific .tpl files, so far just header.tpl, tiki.tpl and tiki-sitemenu.tpl. Next is to make the element name changes in the middle section of the page.

Later, there would|will be changes needed beyond the theme level such as in Smarty blocks that produce display code, to change or add appropriate elements. (Gary)

!! Also interesting
* ((Native Client))

!! Related (external) links
* [http://www.phpguru.org/static/html5|http://www.phpguru.org/static/html5|box;title=(http://www.phpguru.org/static/html5);]
* [http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html|http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html|box;title=(http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html);]
* [http://www.infoworld.com/d/developer-world/html-5-could-it-kill-flash-and-silverlight-291|http://www.infoworld.com/d/developer-world/html-5-could-it-kill-flash-and-silverlight-291|box;title=(http://www.infoworld.com/d/developer-world/html-5-could-it-kill-flash-and-silverlight-291);]
* [http://code.google.com/p/explorercanvas/|http://code.google.com/p/explorercanvas/|box;title=(http://code.google.com/p/explorercanvas/);]
* [~np~http://www.webmonkey.com/blog/HTML_5_Won_t_Be_Ready_Until_2022DOT_Yes__2022DOT~/np~|~np~http://www.webmonkey.com/blog/HTML_5_Won_t_Be_Ready_Until_2022DOT_Yes__2022DOT~/np~|box;title=(~np~http://www.webmonkey.com/blog/HTML_5_Won_t_Be_Ready_Until_2022DOT_Yes__2022DOT~/np~);]
* [http://coffeeonthekeyboard.com/reservations-about-html5-271/|http://coffeeonthekeyboard.com/reservations-about-html5-271/|box;title=(http://coffeeonthekeyboard.com/reservations-about-html5-271/);]
* [http://mashable.com/2010/01/21/stars-wars-opening-in-html5/|http://mashable.com/2010/01/21/stars-wars-opening-in-html5/|box;title=(http://mashable.com/2010/01/21/stars-wars-opening-in-html5/);]
* [http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/|http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/|box;title=(http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/);]
* [http://www.modernizr.com/|http://www.modernizr.com/|box;title=(http://www.modernizr.com/);]
* [http://cmsreport.com/content/2010/02/wordpress-and-html-5-video|http://cmsreport.com/content/2010/02/wordpress-and-html-5-video|box;title=(http://cmsreport.com/content/2010/02/wordpress-and-html-5-video);]
* [http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/]
* [http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library]
* [http://code.google.com/p/enhancejs/|EnhanceJS is a new Javascript framework designed to improve the application of Progressive Enhancement by first testing browser capabilities for key Javascript and CSS support before applying advanced styles and scripts to the page.]
* http://mashable.com/2010/10/12/how-to-export-your-illustrator-images-to-html5-canvas/
* http://www.w3.org/TR/webmessaging/
* http://html5boilerplate.com/
* http://www.slideshare.net/retomeier/html5-or-android-for-mobile-development
* https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills