HTML5 Overview

By @islamzatary

Some rules for HTML5 were established:

• New features should be based on HTML, CSS, DOM, and JavaScript
• The need for external plugins (like Flash) should be reduced
• Error handling should be easier than in previous versions
• Scripting has to be replaced by more markup
• HTML5 should be device-independent
• The development process should be visible to the public

HTML5 page structure

In HTML5 there is only one DOCTYPE declaration, and it is very simple.

Page Structure

HTML5 Page Skeleton with meaningfull tags

Check

Main elements supported in HTML5

Because the HTML5 still not stable, yo need to check if the element support the browser you need to support it.

article, section
aside
figure, figcaption
Header, Nav, Footer
time
details, summary

List all HTML5 Elements

The global attributes of HTML 5

contenteditable
data
draggable
item
itemprop
example

HTML5 Form Attributes, Later

data-* attributes

Practical

Create Page skeleton like the following link in html5.
please note: make the page editable.

JSC

HTML5 Overview

Wrapping up

<< Back to the blog

by @islamzatary