<< Back to the blog

HTML5 Overview




By @islamzatary

Some rules for HTML5 were established:


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

Allow us to store extra information on standard, semantic HTML elements.

The Syntax is easy, Any attribute on any element whose attribute name starts with data-

You can Access it from CSS and JS.

Example

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