What’s New in HTML5? – HTML5 vs. HTML 4


HTML5 is the latest and largely revised version of HTML and XHTML. It attempts to enhance functionality of HTML and addresses the needs of Web Applications. If your comfortable writing HTML 4, you should find yourself quite comfortable with major HTML5 specification.

HTML 5 Specifications:

HTML 5 specifications is designed to replace HTML 4 + XHTML 1.0 + DOM Level

1.HTML5 DOCTYPE:

HTML5 DOCTYPE is simplified compare to prior HTML 4 DOCTYPES

HTML 4 DOCTYPES

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/loose.dtd”>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

HTML5 DOCTYPE

Single Simple DOCTYPE: Notice that no document type definition is required at all


<!DOCTYPE HTML>

2. HTML5 Character Encoding

HTML5 character encoding is simplified compare to prior character encoding

<meta charset=”UTF-8” />

3. HTML5 New Elements

HTML5 introduce new elements that assist with page structure, embedded content and new phrasing tags. This adds additional meaning to content within the page.

article, aside, audio,  canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, ruby, section, source, summary, time, video

Also new attributes are added to existing element to enhance their functionality.

4. Forms in HTML5

Web Forms are largely revised in HTML5. Web Forms 2.0 specification is integrated into HTML5.

New form controls and input types allows developer to create more powerful forms and user friendly experience.

New form elements are Date Pickers, color pickers, and numeric stepper controls added.

New input elements like email, search, and url are added.

New form methods PUT and DELETE are added that will make easier to submit data to wider applications.

5.  Integrated APIs

HTML5 is getting more attention because of introduction of several integrated APIs (application programming interfaces). These are designed to make web applications development easier across various devices are user agents.

  • Audio
  • Video
  • Offline Applications
  • Drag and Drop Functionality
  • Editing Page Content
  • Application Protocols and Media Types
  • Geo Location
  • Messaging

The web is constantly evolving. In a perfect role, html5 give will us new set of tools to build online web and mobile applications easier and more affordable.

This entry was posted in Web Application Development and tagged . Bookmark the permalink.

Comments are closed.