HTML 5 Training HTML 5 SYMANTICS contents Overview

contents • Overview: What is HTML 5? • HTML 5 will be the new

HTML 5 will be the new standard for HTML. The previous version of HTML,

How Did HTML 5 Get Started? • HTML 5 is a cooperation between the

Some rules • New features should be based on HTML, CSS, DOM, & Java.

<!DOCTYPE> The <!DOCTYPE> declaration must be the very first thing in your HTML document,

<!DOCTYPE> Tip: Always add the <!DOCTYPE> declaration to your HTML documents, so that the

<!DOCTYPE> The HTML 5 <!DOCTYPE> In HTML 5 there is only one <!doctype> declaration,

New TAGs in HTML 5 • The <canvas> element for 2 D drawing •

IS IT RIGHT TIME TO HTML 5 ? • HTML 5 is not yet

Slides: 16

Download presentation

HTML 5 Training HTML 5 SYMANTICS

contents • Overview: What is HTML 5? • HTML 5 will be the new standard for HTML. • Some rules for HTML 5 • <!DOCTYPE> • HTML 5 - New Features • new elements

HTML 5 will be the new standard for HTML. The previous version of HTML, HTML 4. 01, came in 1999. The web has changed a lot since then. HTML 5 is still a work in progress. However, the major browsers support many of the new HTML 5 elements and APIs.

How Did HTML 5 Get Started? • HTML 5 is a cooperation between the World Wide Web Consortium (W 3 C) and the Web Hypertext Application Technology Working Group (WHATWG). • WHATWG was working with web forms and applications, and W 3 C was working with XHTML 2. 0. In 2006, they decided to cooperate and create a new version of HTML.

Some rules for HTML 5 were established:

Some rules • New features should be based on HTML, CSS, DOM, & Java. Script • Reduce the need for external plugins (like Flash) • Better error handling • More markup to replace scripting • HTML 5 should be device independent • The development process should be visible to the public

<!DOCTYPE> ? ? Whats that’s ?

<!DOCTYPE> The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4. 01, the <!DOCTYPE> declaration refers to a DTD, because HTML 4. 01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly.

<!DOCTYPE> Tip: Always add the <!DOCTYPE> declaration to your HTML documents, so that the browser knows what type of document to expect.

<!DOCTYPE> So what about HTML 5 ?

<!DOCTYPE> The HTML 5 <!DOCTYPE> In HTML 5 there is only one <!doctype> declaration, and it is very simple: <!DOCTYPE html> That sounds great …. No need to bother about Strict, transitional and frameset…. .

LETS move on to HTML 5 - New Features

New TAGs in HTML 5 • The <canvas> element for 2 D drawing • The <video> and <audio> elements for media playback • Support for local storage • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section> • New form controls, like calendar, date, time, email, url, search • http: //www. w 3 schools. com/html 5_new_elements. asp

Is it right time to move on to HTML 5

IS IT RIGHT TIME TO HTML 5 ? • HTML 5 is not yet an official standard, and no browsers have full HTML 5 support. • But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML 5 features to their latest versions. BUT YES IT’s time to move on to HTML 5 ?

Thanks You !