SlideShare a Scribd company logo
html5.ppt
Contents:
• Introduction to HTML4 and 5
• Versions of HTML
• Difference between HTML4 and 5
• New tags of HTML5
• Practical Implementation
html5.ppt
html5.ppt
Versions:
YEAR VERSION
1991 HTML
1993 HTML+
1995 HTML 2.0
1997 HTML 3.2
1999 HTML 4.01
2000 XHTML
2012 HTML 5
2013 XHTML5
DIFFERENCE
HTML4
1. HTML5 uses new
structures such as drag,
drop and much more.
2.HTML 5 can contain
embedded video and audio
without using flash player.
3.HTML 5 is capable of
handling inaccurate syntax
HTML5
1.HTML 4 uses common
structures like headers ,
footers.
2.HTML 4 cannot embed video
or audio directly and makes
use of flash player for it.
3. HTML 4 cannot handle
inaccurate syntax
DIFFERENCE
HTML4
4. HTML 5 introduced many
new API’s which facilitate
flexibility of web pages.
5. In HTML 5, new tags and
new features like local
storage are enhanced.
HTML5
4. HTML 4 has traditional API’s
which does not include
canvas and content editable
API’s.
5. In HTML 4, local storage is
not possible and tags that
can handle only one
dimension are present
HTML5 New Input Types
• color
• date
• datetime
• email
• month
• number
• range
• search
• tel
• time
• week
HTML5 Semantic Elements:
• <header>
• <nav>
• <section>
• <article>
• <aside>
• <figcaption>
• <figure>
• <footer>
HTML Form Attributes:
• step
• pattern
• placeholder
• min and max
• multiple
• required
• list
• formtarget
html5.ppt
html5.ppt
html5.ppt

More Related Content

html5.ppt

  • 2. Contents: • Introduction to HTML4 and 5 • Versions of HTML • Difference between HTML4 and 5 • New tags of HTML5 • Practical Implementation
  • 5. Versions: YEAR VERSION 1991 HTML 1993 HTML+ 1995 HTML 2.0 1997 HTML 3.2 1999 HTML 4.01 2000 XHTML 2012 HTML 5 2013 XHTML5
  • 6. DIFFERENCE HTML4 1. HTML5 uses new structures such as drag, drop and much more. 2.HTML 5 can contain embedded video and audio without using flash player. 3.HTML 5 is capable of handling inaccurate syntax HTML5 1.HTML 4 uses common structures like headers , footers. 2.HTML 4 cannot embed video or audio directly and makes use of flash player for it. 3. HTML 4 cannot handle inaccurate syntax
  • 7. DIFFERENCE HTML4 4. HTML 5 introduced many new API’s which facilitate flexibility of web pages. 5. In HTML 5, new tags and new features like local storage are enhanced. HTML5 4. HTML 4 has traditional API’s which does not include canvas and content editable API’s. 5. In HTML 4, local storage is not possible and tags that can handle only one dimension are present
  • 8. HTML5 New Input Types • color • date • datetime • email • month • number • range • search • tel • time • week
  • 9. HTML5 Semantic Elements: • <header> • <nav> • <section> • <article> • <aside> • <figcaption> • <figure> • <footer>
  • 10. HTML Form Attributes: • step • pattern • placeholder • min and max • multiple • required • list • formtarget

Editor's Notes

  1. Html5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously.Because HTML5 is still being developed, changes to the specifications are inevitable. Therefore, not all of its features are supported by all browsers yet. However, Gecko, and by extension, Firefox, has very good initial support for HTML5, and work continues toward supporting more of its features. Gecko began supporting some HTML5 features in version 1.8.1. You can find a list of all of the HTML5 features that Gecko currently supports on the main HTML5 page. For detailed information about multiple browsers&apos; support of HTML5 features, refer to the CanIUse website
  2. HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013