HTML5

HTML  (HyperText Markup Language) is the main markup language to build and design web pages.

At the beginning, the web platform was a publication open system to deliver hypertext documents based on URIs, HTML and HTTP. Nowadays it has evolved to a Rich Internet Application (RIA) allowing new services and applications. Moreover, new funtionalities and tools have been developed to use on portable devices (smartphones, tablets, smartTVs) and in the cloud.

The latest version of HTML, called HTML5, adds new syntactical features to support multimedia and graphical content like <video>, <audio> and <canvas> elements, as well as the integration of scalable vector graphics (<svg>) content. Other attributes have been introduced to define webpage structures like <header>, <nav> or <section>. Moreover new elements had been defined to allow calendars, search, email, URLs…. Here you can find all the HTML5 new attributes.

Graphics

The new tag <canvas> defines a bitmat which is programmed in javascrip and it allows:

Storage, Protocols, Offline & Web workers

The off-line workers are another HTML5 innovation wich alllows to work from the browser without Internet connection. This way, the user can work off-line and synchronize with the server when he connects again.

The web storage allows the user to save data efficiently in their browser without the usage of cookies, which is safer and doesn’t consume bandwidth.

 WebSockets have been designed to improve the communication between client and servers: the bandwidth and the latency have been minimize by reducing the HTTP headers.  WebSockets also provide a higher security communication mechanism and protocol.

Geolocalization

Geolocalization is another HTML5 service mostly used in mobile devices. Positioning something is possible thanks to GPS, IP, GSM/3G Antennas. Sensors like compass, accelerometer or Web of Things are what allows to know the latitude, altitude, direction or velocity of something.

Audio and Video

One of the most HTML5 improvements is the possibility of playing streaming audio and video  contents (downloading the file isn’t necessary) without installing additional plugins.

Using the <audio>  tag, browsers can play aac, mp3 and vorbis audio. Using <video> tag, browsers can play ogg/Theora, mp4/H.264  and WebM/vp8 videos.

Moreover, augmented reality is possible combining video and canvas, as webs like Craftymind, videocanvasdemo or Ambilight do.

Videoconferene

Important institutions and organizations are developing an API for Web Real Time Communications (WRTC). Nowadays WRTC has the support of the main companies  and it could be a reality really soon.

In conclusion, as you have seen, HTML5 is a powerful tool which provides fix & mobile applications through the browsers, where everything is shared from the cloud. Will HTML% be the end of appstores?

Advertisements

2 thoughts on “HTML5

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s