SlideShare a Scribd company logo
Prepared By:
Ahmed Youssef.
     AHMEDYOUSEF 2011
What is new in
  HTML5
      ?

     AHMEDYOUSEF 2011
Introduction
Rough Timeline of Web Technologies.
So what's new?
New structural elements.
New inline elements.
HTML 5 New Form Types.
HTML 5 Removes Some Elements.

               AHMEDYOUSEF 2011
Rough Timeline of Web Technologies.

1991
1994
1996
1997
1998
2000
2005
              AHMEDYOUSEF 2011
So what's new?
There are a few exciting new
elements in HTML 5:
• <canvas> - an element to give you
  a drawing space in JavaScript on
  your Web pages.
• <video> - add video to your Web
  pages with this simple tag.
• <audio> - add sound to your Web
  pages with this simple tag.
               AHMEDYOUSEF 2011
New structural elements.
• <section> - to define sections of pages.
• <header> - defines the header of a page.
• <footer> - defines the footer of a page.
• <nav> - defines the navigation on a page.
• <article> - defines the article or primary
  content on a page.
• <aside> - defines extra content like a
  sidebar on a page.
• <figure> - defines images that annotate an
  article.        AHMEDYOUSEF 2011
New inline elements.
• <mark> - to indicate content that is
  marked in some fashion
• <time> - to indicate content that is a
  time or date
• <meter> - to indicate content that is a
  fraction of a known range - such as disk
  usage
• <progress> - to indicate the progress of
  a task towards completion
                 AHMEDYOUSEF 2011
HTML 5 New Form Types.
•   date time
•   date time-local
•   date
•   month
•   week
•   time
•   number
•   range
•   email
•   url
                      AHMEDYOUSEF 2011
HTML 5 Removes Some Elements.
•   big
•   center
•   font
•   frame
•   frameset
•   noframes
•   noscript
•   s
•   strike
•   tt
•   u
               AHMEDYOUSEF 2011
Questions
    ?
   AHMEDYOUSEF 2011
References
• http://webdesign.about.com/od/html5/a/ht
  ml_5_whats_new.htm
• http://www.phpguru.org/whats-new-in-
  html5
• http://www.w3schools.com/html5/default.a
  sp



                 AHMEDYOUSEF 2011

More Related Content

What's hot

BPAA PD Day: BiblioShare
BPAA PD Day: BiblioShareBPAA PD Day: BiblioShare
BPAA PD Day: BiblioShare
BookNet Canada
 
O365: Attack of the Clones
O365: Attack of the ClonesO365: Attack of the Clones
O365: Attack of the Clones
Christopher Johnson
 
Resume Builder Tool
Resume Builder ToolResume Builder Tool
Resume Builder Tool
Illinois workNet
 
BPAA PD Day: BiblioShare Webform
BPAA PD Day: BiblioShare WebformBPAA PD Day: BiblioShare Webform
BPAA PD Day: BiblioShare Webform
BookNet Canada
 
SharePoint Designer 2013 Workflows - SP Intersection
SharePoint Designer 2013 Workflows - SP IntersectionSharePoint Designer 2013 Workflows - SP Intersection
SharePoint Designer 2013 Workflows - SP Intersection
Asif Rehmani
 
Content migration-presentation-2013-05
Content migration-presentation-2013-05Content migration-presentation-2013-05
Content migration-presentation-2013-05
Jennifer Lind
 

What's hot (6)

BPAA PD Day: BiblioShare
BPAA PD Day: BiblioShareBPAA PD Day: BiblioShare
BPAA PD Day: BiblioShare
 
O365: Attack of the Clones
O365: Attack of the ClonesO365: Attack of the Clones
O365: Attack of the Clones
 
Resume Builder Tool
Resume Builder ToolResume Builder Tool
Resume Builder Tool
 
BPAA PD Day: BiblioShare Webform
BPAA PD Day: BiblioShare WebformBPAA PD Day: BiblioShare Webform
BPAA PD Day: BiblioShare Webform
 
SharePoint Designer 2013 Workflows - SP Intersection
SharePoint Designer 2013 Workflows - SP IntersectionSharePoint Designer 2013 Workflows - SP Intersection
SharePoint Designer 2013 Workflows - SP Intersection
 
Content migration-presentation-2013-05
Content migration-presentation-2013-05Content migration-presentation-2013-05
Content migration-presentation-2013-05
 

Viewers also liked

February 19, 2011
February 19, 2011February 19, 2011
February 19, 2011
Kangaroo Kids Education Ltd.
 
PENGENDALIAN HIPERTENSI
PENGENDALIAN HIPERTENSIPENGENDALIAN HIPERTENSI
PENGENDALIAN HIPERTENSIanugrahwati
 
Metode penelitian 5+6
Metode penelitian 5+6Metode penelitian 5+6
Metode penelitian 5+6anugrahwati
 
Curriculum vitae
Curriculum vitaeCurriculum vitae
Curriculum vitae
chuanrui
 
Eileen Shanahan Curriculum Vitae
Eileen Shanahan Curriculum VitaeEileen Shanahan Curriculum Vitae
Eileen Shanahan Curriculum Vitae
Eileen Shanahan
 
#1 of HTML and CSS3
#1 of HTML and CSS3 #1 of HTML and CSS3
#1 of HTML and CSS3
Ahmed Yousef
 

Viewers also liked (6)

February 19, 2011
February 19, 2011February 19, 2011
February 19, 2011
 
PENGENDALIAN HIPERTENSI
PENGENDALIAN HIPERTENSIPENGENDALIAN HIPERTENSI
PENGENDALIAN HIPERTENSI
 
Metode penelitian 5+6
Metode penelitian 5+6Metode penelitian 5+6
Metode penelitian 5+6
 
Curriculum vitae
Curriculum vitaeCurriculum vitae
Curriculum vitae
 
Eileen Shanahan Curriculum Vitae
Eileen Shanahan Curriculum VitaeEileen Shanahan Curriculum Vitae
Eileen Shanahan Curriculum Vitae
 
#1 of HTML and CSS3
#1 of HTML and CSS3 #1 of HTML and CSS3
#1 of HTML and CSS3
 

Similar to New in html5

HTML5
HTML5HTML5
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
Nir Elbaz
 
Html5
Html5Html5
Html5
Html5Html5
HTML 5 Fundamental
HTML 5 FundamentalHTML 5 Fundamental
HTML 5 Fundamental
Lanh Le
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
Derek Bender
 
Html,CSS & UI/UX design
Html,CSS & UI/UX designHtml,CSS & UI/UX design
Html,CSS & UI/UX design
Karthikeyan Dhanasekaran CUA
 
Html5
Html5Html5
Html5
Nasla C.K
 
Html 5
Html 5Html 5
Html 5
Ajay Ghosh
 
Html5 essentials
Html5 essentialsHtml5 essentials
Html5 essentials
SEO SKills
 
HTML5: It goes to ELEVEN
HTML5: It goes to ELEVENHTML5: It goes to ELEVEN
HTML5: It goes to ELEVEN
Mathias Bynens
 
Html 5
Html 5Html 5
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5
reshmy12
 
Html5 Future of WEB
Html5 Future of WEBHtml5 Future of WEB
Html5 Future of WEB
Amit Choudhary
 
SW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+DrupalSW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+Drupal
Jen Simmons
 
HTML - 5 - Introduction
HTML - 5 - IntroductionHTML - 5 - Introduction
HTML - 5 - Introduction
Aayushi Chhabra
 
HTML5 & Front-end overview
HTML5 & Front-end overviewHTML5 & Front-end overview
HTML5 & Front-end overview
Ashish Mukherjee
 
HTML 5
HTML 5HTML 5
Html5
Html5Html5
Html5
gjoabraham
 
Html5
Html5Html5
Html5
gjoabraham
 

Similar to New in html5 (20)

HTML5
HTML5HTML5
HTML5
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
HTML 5 Fundamental
HTML 5 FundamentalHTML 5 Fundamental
HTML 5 Fundamental
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
 
Html,CSS & UI/UX design
Html,CSS & UI/UX designHtml,CSS & UI/UX design
Html,CSS & UI/UX design
 
Html5
Html5Html5
Html5
 
Html 5
Html 5Html 5
Html 5
 
Html5 essentials
Html5 essentialsHtml5 essentials
Html5 essentials
 
HTML5: It goes to ELEVEN
HTML5: It goes to ELEVENHTML5: It goes to ELEVEN
HTML5: It goes to ELEVEN
 
Html 5
Html 5Html 5
Html 5
 
INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5INTRUDUCTION TO HTML 5
INTRUDUCTION TO HTML 5
 
Html5 Future of WEB
Html5 Future of WEBHtml5 Future of WEB
Html5 Future of WEB
 
SW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+DrupalSW Drupal Summit: HTML5+Drupal
SW Drupal Summit: HTML5+Drupal
 
HTML - 5 - Introduction
HTML - 5 - IntroductionHTML - 5 - Introduction
HTML - 5 - Introduction
 
HTML5 & Front-end overview
HTML5 & Front-end overviewHTML5 & Front-end overview
HTML5 & Front-end overview
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 

New in html5

  • 1. Prepared By: Ahmed Youssef. AHMEDYOUSEF 2011
  • 2. What is new in HTML5 ? AHMEDYOUSEF 2011
  • 3. Introduction Rough Timeline of Web Technologies. So what's new? New structural elements. New inline elements. HTML 5 New Form Types. HTML 5 Removes Some Elements. AHMEDYOUSEF 2011
  • 4. Rough Timeline of Web Technologies. 1991 1994 1996 1997 1998 2000 2005 AHMEDYOUSEF 2011
  • 5. So what's new? There are a few exciting new elements in HTML 5: • <canvas> - an element to give you a drawing space in JavaScript on your Web pages. • <video> - add video to your Web pages with this simple tag. • <audio> - add sound to your Web pages with this simple tag. AHMEDYOUSEF 2011
  • 6. New structural elements. • <section> - to define sections of pages. • <header> - defines the header of a page. • <footer> - defines the footer of a page. • <nav> - defines the navigation on a page. • <article> - defines the article or primary content on a page. • <aside> - defines extra content like a sidebar on a page. • <figure> - defines images that annotate an article. AHMEDYOUSEF 2011
  • 7. New inline elements. • <mark> - to indicate content that is marked in some fashion • <time> - to indicate content that is a time or date • <meter> - to indicate content that is a fraction of a known range - such as disk usage • <progress> - to indicate the progress of a task towards completion AHMEDYOUSEF 2011
  • 8. HTML 5 New Form Types. • date time • date time-local • date • month • week • time • number • range • email • url AHMEDYOUSEF 2011
  • 9. HTML 5 Removes Some Elements. • big • center • font • frame • frameset • noframes • noscript • s • strike • tt • u AHMEDYOUSEF 2011
  • 10. Questions ? AHMEDYOUSEF 2011
  • 11. References • http://webdesign.about.com/od/html5/a/ht ml_5_whats_new.htm • http://www.phpguru.org/whats-new-in- html5 • http://www.w3schools.com/html5/default.a sp AHMEDYOUSEF 2011