What’s New In HTML5

By Paaritosh Sujit
what's new in HTML5

In this article, all the new and ready-to-use features of HTML5 are listed and explained. HTML5 is a software solution stack, the latest of its kind, that defines the properties and behaviors of web-page content by implementing a markup-based pattern and syntax to it. HTML5 is the fifth and the newest major version of HTML and is a superset of XHTML.

HTML 5 adds a lot of new and improved features to the language, and it is easy to implement. You use the HTML 5 doctype, which is simple and easy to do:

<!DOCTYPE html>

The new structure of HTML5

HTML5 includes some new keywords and tags that make coding an HTML document exponentially easier. It sets a well-defined hierarchy of text, images, and data. Here’s some of the new stuff that you can find here:

  • <header>   ->  For defining the header part of the website
  • <section>  ->  Used to define the sections of the web-page
  • <nav>        -> Defines the navigation section of the page
  • <article>   ->  Defines the primary content of the page
  • <figure>    -> Defines the image and the content that goes along with it
  • <aside>     -> Used for annotating extra information, like a side-bar

The new elements in HTML5

HTML5 includes some really useful new elements. Some of the basic elements for including different types of file formats have been included, like:

  • <canvas>  ->  It is an extremely powerful tool. It is used to create drawings, graphs and much more on the web- page
  • <video>    -> Used for attaching video files and links to the web-page
  • <audio>   -> To add sounds to the web-page using a simple tag

 

Through the new inline elements defined in HTML5, some basic concepts and keep them semantically marked up:

  • <mark>    -> Indicates some marked content on the site.
  • <time>      -> Used to indicate the time stamp on the content, whether it be simple time or with date included
  • <meter>   -> Indicates the content that belongs to a certain range, for example, disk usage.
  • <progress>-> Indicates the fraction of completion of a certain task.

 

Aside from these elements, a few unnecessary and recursive items have been removed from the evolution period of HMTL4 to HTML5. All in all, this makes HTML5 a much easier-to-use and beneficial tool for all web-designers. It truly is a big stride towards the better.

 

You may also want to read :

How to make a basic navigation bar using HTML and CSS

What is Div Tag and How nested Div Tag work in HTML and using CSS?

Leave a Reply

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