HTML5 tutorials for beginners - Imrokraft

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

Education

HTML5 tutorials for beginners - Imrokraft