Member’s, ANAND S KRISHNAN M.SUNDAR RAJAN CRAFTING THE FUTURE www.imrokraft.com 0471-6555644
• HTML5 IS THE NEWEST VERSION OF HTML. • IT INCORPRATES ALL FEATURE FROM EARLIER VERSION OF HTML. • IT ADDS A DIVERSE SET OF NEW TOOLS FOR THE WEB DEVELOPER TO USE. • IT IS STILL A WORK IN PROGRESS ,NO BROWSERS HAVE FULL HTML5 SUPPORTED.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> Content of the document...... </body> </html> SAMPLE HTML5 CODE
STRUCTURE OF HTML5
GOALS OF HTML5 • SUPPORT ALL EXISTING WEB PAGES. • IMPROVE THE SEMINTATIC DEFINITION OF PAGE ELEMENTS. • MAKE THE RENDERING OF WEB CONTENT UNIVERSAL AND INDEPENDENT OF THE DEVICE BEING USED. • HANDLE WEB DOCUMENTS ERRORS IN A BETTER AND MORE CONSISTENT FASHION.
• SUPPORT EXIXTING CONTENTS • DEGRADE GRACEFULLY • SOLVE REAL PROBLEMS • SECURE BY DESIGN • ACCESSBILITY
• SYNTAX SIMPLIFICATION • NEW ELEMENT/ATTRIBUTE USED • REMOVED OLD ELEMENT/ATTRIBUTE • ADDED NEW API SCRIPTING
• HTML5 INCLUDED XHTML • FOCUSES ON WEB APPLICATION • HTML5 DEFINES HOW BROWSER CAN HANDLE ERRORS GRACEFULLY • HTML5 FOCUSES IN EVOLUTION NOT REVOLUTION
NEW ELEMENTS IN HTML5 <article> <footer> <section> <aside> <header> <svg> <audio> <h group> <time> <canvas> <mark> <video> <data list> <nav> <section>
• CLEANER MARKUPIMPCODES • CONSISTENCY • ELEGANT FORMS • ELEGANT FORMS
• TOO MUCH TIME FOR MOBILE APPLICATIONS • DIFFERNCES IN EXECUTION TIMES OF PLATFORMS CAUSE COMPLICATIONS IN MOBILE APPLICATION • OLDER BROWSERS MAY NOT BE SUPPORTED • WEB ACCESIBILITY NOT IMPROVED MUCH
HTML5 tutorials for beginners - Imrokraft

HTML5 tutorials for beginners - Imrokraft

  • 1.
    Member’s, ANAND S KRISHNAN M.SUNDARRAJAN CRAFTING THE FUTURE www.imrokraft.com 0471-6555644
  • 2.
    • HTML5 ISTHE NEWEST VERSION OF HTML. • IT INCORPRATES ALL FEATURE FROM EARLIER VERSION OF HTML. • IT ADDS A DIVERSE SET OF NEW TOOLS FOR THE WEB DEVELOPER TO USE. • IT IS STILL A WORK IN PROGRESS ,NO BROWSERS HAVE FULL HTML5 SUPPORTED.
  • 3.
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Titleof the document</title> </head> <body> Content of the document...... </body> </html> SAMPLE HTML5 CODE
  • 4.
  • 5.
    GOALS OF HTML5 •SUPPORT ALL EXISTING WEB PAGES. • IMPROVE THE SEMINTATIC DEFINITION OF PAGE ELEMENTS. • MAKE THE RENDERING OF WEB CONTENT UNIVERSAL AND INDEPENDENT OF THE DEVICE BEING USED. • HANDLE WEB DOCUMENTS ERRORS IN A BETTER AND MORE CONSISTENT FASHION.
  • 6.
    • SUPPORT EXIXTINGCONTENTS • DEGRADE GRACEFULLY • SOLVE REAL PROBLEMS • SECURE BY DESIGN • ACCESSBILITY
  • 7.
    • SYNTAX SIMPLIFICATION •NEW ELEMENT/ATTRIBUTE USED • REMOVED OLD ELEMENT/ATTRIBUTE • ADDED NEW API SCRIPTING
  • 8.
    • HTML5 INCLUDEDXHTML • FOCUSES ON WEB APPLICATION • HTML5 DEFINES HOW BROWSER CAN HANDLE ERRORS GRACEFULLY • HTML5 FOCUSES IN EVOLUTION NOT REVOLUTION
  • 9.
    NEW ELEMENTS INHTML5 <article> <footer> <section> <aside> <header> <svg> <audio> <h group> <time> <canvas> <mark> <video> <data list> <nav> <section>
  • 10.
    • CLEANER MARKUPIMPCODES •CONSISTENCY • ELEGANT FORMS • ELEGANT FORMS
  • 11.
    • TOO MUCHTIME FOR MOBILE APPLICATIONS • DIFFERNCES IN EXECUTION TIMES OF PLATFORMS CAUSE COMPLICATIONS IN MOBILE APPLICATION • OLDER BROWSERS MAY NOT BE SUPPORTED • WEB ACCESIBILITY NOT IMPROVED MUCH