08Sep 2023

HTML5 Features You Should Know

Meet the HTML5

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).

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 Acodez Contact page and let us hear how your requirements are.

Looking for a good team
for your next project?

Contact us and we'll give you a preliminary free consultation
on the web & mobile strategy that'd suit your needs best.

Contact Us Now!
Rajeesh PK

Rajeesh PK

Rajeesh P.K. is the Director and Creative Head at Acodez . With an experience of 10+ years in UX Design & User Interface Design, when coupled with his expert coding skills in HTML5, CSS3 and Javascript, makes him one of the top UX Architects in India, with more than 15 international awards to his credit.

Get a free quote!

Brief us your requirements & let's connect

Leave a Comment

Your email address will not be published. Required fields are marked *