What is HTML5 and how will it affect web content creators ...

uglyveinInternet and Web Development

Jun 24, 2012 (6 years and 26 days ago)

341 views

What is HTML5 and how will it
affect web content creators,
including you?

By Annop

What is HTML5?

•
HTML5 is a major revision of HTML and
XHTML and HTML DOM.


•
It includes everything you see in your browser,
such as text, images, multimedia, web apps,
search forms, and so on.

HTML5 Specification is much larger

HTML 4 XHTML 1.0 DOM level 2










HTML5

Simplified DOCTYPE

Prior DOCTYPE

<!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 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">


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

<html xmlns="http://www.w3.org/1999/xhtml">


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

<html xmlns="http://www.w3.org/1999/xhtml">


HTML5

<DOCTYPE HTML>

HTML4

HTML5

How it will affect content creators?

•
One of the most key element in HTML5 is <article>,
which represents a single, independent piece of content
on your site.


For example:

•
In furniture wholesale or ecommerce website, this is
essentially your product.

•
On a product page, it should enclose all the details about
your product: pictures, description, details, purchase
information.

•
On a category page, it's the container for each product
shown. “Article” doesn't just mean a written document;
it's also an article of furniture.


Key New Features for HTML5


•
Video and Audio support
–

display video and soundtrack
without plug
-
in such as flash or QuickTime

e.g
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all


•
Go offline with application cache
-

enabling a web site or web
application to function without a network connection.


•
Dragging and Dropping
–

more elements and text around the
browser using a mouse or other pointing device.


•
Canvas Element
–

draw complex figures without plug
-
in



Browsers have some HTML5 support

Recommended sources for HTML5

Books available in the library


Sams Teach Yourself HTML5 in 10 Minutes,

By Steven Holzner


HTML5 Up and Running, By Mark Pilgrim


http://www.w3schools.com/html5/