KEMBAR78
HTML5 tutorials for beginners - Imrokraft | PPTX
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