HTML5

TCT – 492: Seminar <HTML> by: TanayMathpal Final Year Computer Engineering tanaymathpal@gmail.com http://tanamania.wordpress.com http://twitter.com/tanamania

HTML 5 is… …the next major revision of HTML (Hypertext Markup Language), the core markup language of the World Wide Web.

So What??? What the whole fuss is about???

W3C The World Wide Web Consortium is the main international standards organization for the World Wide Web.

WHATWG Web Hypertext Application Technology Working Group is a growing community of people interested in evolving the Web. It focuses primarily on the development of HTML and APIs needed for Web applications.

It was formed in response to the slow development of web standards monitored by the W3C, and its decision to abandon HTML in favour of XML-based technologies.,[object Object]

On 10 April 2007, the Mozilla Foundation, Apple and Opera Software proposed that the new HTML working group of the W3C adopt the WHATWG’s HTML5 as the starting point of its work.

On 9 May 2007, the new HTML working group of the W3C resolved to do that.,[object Object]

HTML5 is a revolution in Web application development, making plug-in-based RIA (Rich Internet Application) technologies as Adobe Flash, Microsoft Silverlight, and Sun JavaFX obsolete.,[object Object]

Embedded Content and Multimedia,[object Object]

Semantic Web HTML 5 has replaced generic block (<div>) and inline (<span>) elements with new tags which make web application designing a whole new; semantic experience. Some of these tags will be discussed by me in the following slides.

Semantic Web ,[object Object],It is intended for semantically specifying the content section of the web page. Prior to HTML 5, we had to use <div class=“article”> or <div class=“content”>

Semantic Web ,[object Object],These semantic tags can be used for placing headers and footers on the web page. Prior to HTML 5, we had to use <div id=“header”> and <div id=“footer”>

Semantic Web ,[object Object],This tag is specifically used for dialog contents. For instance, it can be used to include a dialog conversation between two people.

Semantic Web ,[object Object],Using the <aside> tag, content other than the primary content stream is specified. This can be a flyover or a sidebar.

Semantic Web ,[object Object],This tag is for the semantic representation of section of the content. For instance, an <article> can contain a <header> and can be divided into several <section>s.

Semantic Web ,[object Object],It can be used in places where users are required to rate the web content or web application performance. Usage of <meter> tag is shown in the following slide.

Semantic Web ,[object Object], <p>The highlighted part below is where the error lies:</p><pre><code>vari: Integer;begini := <m>1.1</m>;end.</code></pre>

Form Controls Forms controls in HTML 4 are too limited and difficult to implement. The developers at W3C and WHATWG identified these limitations and introduced several new features in HTML 5.

Form Controls HTML 5 has superseded Web Forms 2.0, the other document of WHATWG. All features of Web Forms 2.0 have now been included in the HTML 5 document.

Form Controls ,[object Object]

New attributes like required, pattern, min, max, etc. have been introduced to describe validity constraints for the expected input.

New DOM APIs allow scripts to detect and deal with user input errors more easily.,[object Object]

Embedded Content & Multimedia Rich Internet Application (RIA) Tools: With HTML 5, say goodbye to these tools! Let’s see how...

Embedded Content & Multimedia ,[object Object],HTML 5 has introduced the <canvas> tag for adding dynamic and interactive graphics to our web page. It is proving to be extremely useful for graphs, applications, games and puzzles and many more.

Embedded Content & Multimedia ,[object Object],A practical example of the use of <canvas> is the Mozilla lab project – Bespinwhich is an Extensible Web Code Editor built using canvas. The following image shows another small example of canvas.

Embedded Content & Multimedia ,[object Object],[object Object]

Embedded Content & Multimedia ,[object Object]

These are the most amazing feature of HTML 5.

At present Flash has become the de facto standard for adding video content to web sites.

HTML5

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (7)

Similar to HTML5

Similar to HTML5 (20)

Recently uploaded

Recently uploaded (20)

HTML5