html5 tutorials for beginners - imrokraft
TRANSCRIPT
Member’s,ANAND S KRISHNANM.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 MARKUP\IMPCODES• 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