This tutorial is provided by Bally Chohan UK for learning HTML 5 features and to know more about HTML 5.
Introduction To HTML 5By BALLY CHOHAN1ContentsIntroduction to HTML.Why HTML5?HTML 5 an overviewHTML5 featuresDifference between HTML4 and HTML5Future scopeConclusion
-Bally Chohan 2HTML : An OutlineStands forHyperTextMarkupLanguage.Not a programming language, it is amarkup language.A markup language is a set ofmarkup tags.Markup tagsare used to describe web pages.3 -Bally Chohan As many conceive it, its not a programming language. Its a markup language. *Slidecontecnt* Im coming to tags. Its on the next slide.
3TAGSKeywords surrounded byangle brackets< > like Theycome in pairslike and Common tags are :-
-Bally Chohan Document Object ModelCross platform, language independent modelRepresents and interacts with objects in HTML documents6
-Bally Chohan Why HTML5 ?HTML4 hasnt been updated for about 10 years.XHTML was introduced but it made things stricter and not easier.Embedding audio/video was dependent on flash etc.New websites have to be interactive.
7The most reason version html4, has been on for over a decade now. And, it hasn't really seen a major update. Sure there's XHTML, but that did little more than make things slightly stricter - making you write better quality code if you were at all concerned with compliance. The main area that was not been addressed yet was web application. To give authors more flexibility and enable more interactive websites, html5 was introduced.Critics say that html5 could actually kill flash and silverlight.
7HTML4 - drawbacksIt does not adequately support web applications.
Complex structuring of web pages.
Need plug-ins to embed audio and video.
Does not support drag and drop features, editing, drawing, error handling etc
HTML5 (referred to as Web Applications 1.0) is an improvement of HTML4.0 and XHTML1.0
Work started in 2003 by W3C and WHATWG
Released a draft version in 2008.
A change from document markup language to a web application language.
An attempt to enhance the functionality and flexibility of the web.
New features like form control, APIs, multimedia, structure semantics , local storage etc.
Consistent and defined error handling
Internal data storage.
10 -Bally Chohan 11HTML5 FEATURESNew elements Structural elements Multi-media elements Inline elementsNew input typesNew attributesLocal StorageNew APIs
-Bally Chohan Structural elements
12Structuring in HTML4
-Bally Chohan 13Structuring in HTML5;
14HTML5 vs. HTML4Support of multimediaLanguage for web applications rather than document markup languageLocalized data speeding up caching .searching etc tag for 2D graphicsAPIs for in-browser application allowing editing, drag and drop etc
-Bally Chohan 15Future ScopeCan get rid of proprietary add-ons (like Flash/Silverlight/JAVAFX) Web apps faster with better user experience Difference between desktop and web apps blurred.Standard for web applications
-Bally Chohan 15Thank you..Queries !!16 - By Bally Chohan