Implementing the progress bar for knowing the current status of task is common among the applications. Prior to HTML5, there is no default element in HTML to achieve this functionality. Programmers has to implement their own design or to get the help of third party implementation. With the HTML5, the <progress> tag is used to show the […]
HTML5 Output Tag
The <output> tag is used to display the result of the calculation. The content is written between the start and end tag of <output> tag. The HTML5 specification defines it as “result of calculation or an action”. If you look at the below example, this <output> tag simplifies the calculation of two fields by just […]
HTML5 Meter Tag
The <meter> tag is used to represent the scalar value within the given range. It is used to measure the maximum and minimum range of the scalar value. The range is been written between the start and end tag of <meter> tag. There is another element called <progress> tag which gives us completion rate ⁄ degree […]
HTML5 Main Tag
HTML5 has added the new structural element <main> added to its specification last year. The purpose of this element is to indicate the important or primary portion of the document where main content is displayed. This <main> element will be added inside the <body> tag. Note that, befor <main> tag, body tag is used for […]
HTML5 – Datalist Vs Select Tags
In our previous tutorial I have explained HTML5 Datalist with a simple example. If you are a novice HTML programmer, then you would have a confusion on difference between <datalist> and <select> elements. The reality is that, both are used for the entirely different purposes. Datalist Tag This tag is used for suggesting the possible […]
HTML5 Embed Tag
The Html <embed> element is used to embedding an external application or interactive content to the web page. This is a standard and well supported HTML5 tag for embedding multimedia files into the web page (note that prior to the HTML5 specification, this tag is used as the non-standard tag and supported by all the […]
HTML5 DataList Tag
The <datalist> tag is used to provide a list of elements to the user to select from this particular list. Text Box auto complete is the most popular widget after the popularity of AJAX framework. We can achieve the auto complete by using the html and javascript code. Every JS framework has the built-in functionality […]
HTML5 Nav Tag
One of the new element used in the HTML5 is <nav>. The <nav> element in HTML5 is used to define the set of navigational links. This element is useful in grouping the links logically and giving the meaningful semantic markup which will be useful for the screen readers. This tutorial helps you to understand how […]
HTML5 Footer Tag
The <footer> element is used to define the footer in the HTML document of section. It is defined at the bottom of the page. It is mostly used to show some information such as copyright, version, author name etc. However, there is no restriction to use the <footer> tag to use at the end of […]
HTML5 Header Tag
The <header> element is used to display the headers in html page. There are various heading element such as <hgroup> , < h1> to < h6> element. We can use headers by using <h1> to <h6> tag which defines font size according to header tags. Note that <hggroup> tag is removed from the HTML5 specification. […]