The Future of the WEB
Introduction to HTML 5What does a HTML 5 mean?• Imagination, meet implementation. HTML5 is the  cornerstone of the W3Cs op...
Principles of HTML 5• Compatibility: Supporting the existing content.• Evolution Not Revolution: HTML 5 is an evolution of...
Advantages of HTML 5•   Audio and Video Playback without any Plug-in With HTML5 you can stream audio and video    without ...
History of HTML 5• The Web Hypertext Application Technology Working Group  (WHATWG) began work on the new standard in 2004...
Structure of HTML4 & 5
Source Code:
ReferencesNew tags: http://www.w3schools.com/html5/html5_new_elements.aspCheat sheet: http://www.veign.com/downloads/guide...
Upcoming SlideShare
Loading in …5
×

Html, Html4, Html5 what next?

609
-1

Published on

Published in: Spiritual, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
609
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html, Html4, Html5 what next?

  1. 1. The Future of the WEB
  2. 2. Introduction to HTML 5What does a HTML 5 mean?• Imagination, meet implementation. HTML5 is the cornerstone of the W3Cs open web platform; a framework designed to support innovation and foster the full potential the web has to offer.• Strong and true, resilient and universal as the markup you write. Its the standards standard, a pennant for progress. And it certainly doesnt use tables for layout.• Ian Hickson editor of HTML 5 specifications, known as “Proponent of Web Standards”
  3. 3. Principles of HTML 5• Compatibility: Supporting the existing content.• Evolution Not Revolution: HTML 5 is an evolution of the new Web but not the revolution on the web.• Secure By Design: HTML 5 introduced a new orgin-based security model not only easy to use but works consistently for APIs.• Universal Access: HTML 5 work across different platforms, devices, and media.• Separation of Presentation and Content: HTML 5 strives to create the separation wherever possible and it does by using CSS
  4. 4. Advantages of HTML 5• Audio and Video Playback without any Plug-in With HTML5 you can stream audio and video without no need of third party plug-in such as flash.• Code Maintenance In HTML5 we have new structural elements instead of traditional div tags to create page template, the final result will be a cleaner and more organized code.• Local Data Storage HTML5 allows to store data locally from client side. The data can be accessed to support the web application and it can even be accessed when the client is disconnected for a short period of time. There are methodologies for storing data: session storage, local storage and database storage.• Great for Mobile Devices HTML5 could be the solution to faster applications that will be accessible universally across all mobile phones.• New form types and elements will help you certify that the information entered online is completely accurate. There won’t be any need to run additional scripts for checking validation. This speeds up the loading time and the user experience will be enhanced.
  5. 5. History of HTML 5• The Web Hypertext Application Technology Working Group (WHATWG) began work on the new standard in 2004, when the World Wide Web Consortium (W3C) was focusing future developments on XHTML 2.0, and HTML 4.01 had not been updated since 2000.• W3C and WHATWG are currently working together on the development of HTML5. Besides representatives from Mozilla, Opera, Apple, Microsoft and Google.• Expected completion would be in 2022.
  6. 6. Structure of HTML4 & 5
  7. 7. Source Code:
  8. 8. ReferencesNew tags: http://www.w3schools.com/html5/html5_new_elements.aspCheat sheet: http://www.veign.com/downloads/guides/qrg0009.pdfReference poster: http://www.xhtml-lab.com/html5-poster/pdf/HTML5-Reference-Poster.pdfWorking draft W3C: http://www.w3.org/TR/html5/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×