HTML5 is successor of HTML4.01 and it is the latest
hypertext markup language for websites developed by World Wide Web Consortium
(W3C) & Web Hypertext Application Technology Working Group (WHATWG).
Meet the HTML5
Even though the Working draft was published in 2008, only in
May 2011, the working group advanced HTML5 to “Last Call”.
Today, all major browsers support HTML5 features and its
technology and hence Web Developers and Designers can use this HTML technology
at its best. The following post describes some of the new features of html5,
form elements, local storage, html5 and internet explorer.
Let us see the major rules for HTML5:
All new features should be based on HTML, CSS, Document
Object Model (DOM), and Javascript.
Reduce the need for external Plugins
Better Error handling
Device independent
Public development process
New Stuff:
HTML5 is said to be the markup language which makes the
coding process easier.
Many features of HTML5 enable users to run complex contents
in low powered platforms.
The new syntax features include <video>,
<audio>, integration of vector graphics content.
These new features ensure a smooth flow of multimedia and
graphic contents on the web even without any plugins.
Here is the list of new syntaxes, features added in HTML5
and its uses,
<canvas> : 2D drawing
<video>: Video playback
<audio>: Audio playback
<article>, <footer>, <header>,
<nav>, <section> : content-specific elements
calendar, date, time, email, url, search: form controls
<aside> : This tag marks content aside from the page
content
<article>: An independent item of content
New Form Elements
<datalist>: Specifies a list of pre-defined options
for input controls
<keygen>: Defines a key-pair generator field (for
forms)
<output>: Defines the result of a calculation
New Doctype
Forget the old complex doctype. New DOCTYPE declaration in
HTML5 is simpler, easy to remember.
Browsers that do not understand this doctype will simply
render the contained markup in standards mode.
For example:
<!DOCTYPE html>
Local Storage
This is a technique used to set browsers “remember” we type,
even after the browser is refreshed or closed.
Currently this supports only in the latest versions of major
browsers.
This includes for Chrome 5, Firefox3.6,
Opera10.5, Safari4, IE8 and its higher versions.
Internet Explorer vs HTML5 Features
It is still wrangled that Internet Explorer is experiencing
issues understanding HTML5 elements.
Most elements have a default display of inline. So as in
order to ensure that new HTML5 elements render correctly, it is necessary to
style them as much. But, Internet Explorer still ignore these styling
because it doesn’t have the clue about new elements.
HTML4.01 Tags Which Removed From HTML5
In the coming days, browsers won’t support the following
tags.
This may even disturb the designs while displaying in latest
browsers.
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
Locate the User’s Position
In HTML5 there is an API called geo-location API, which is
used to get the geographical position of a user.
Since this is something compromising privacy, users must
approve the website to locate him/her.
Hope these basic features of HTML5 helped you as a basic
help on the topic. These features are important and must be known to every
developer and designer. We will discuss more technical aspects in forthcoming
posts. To create a website with utilizing all the features of html5, we are
happy to help you. Please visit our UTS Sites Contact page and let us hear how
your requirements are.
Post A Comment: