Web Designing: HTML5 New Tags List & Usage

HTML has been using for creating webpages since 1990s; and the HTML version 4.01 became the standard for all browsers in 1999. It used for a long time i.e more than 10 years. Since HTML 4.01; many changes took place in the web designing and web development industry. so therefore, it was necessary to change or re-write HTML with a new version. And thus, HTML5 has become the new standard for all browsers. 

HTML is handled by www.w3.org which is responsible for adding new elements to both HTML and CSS. Actually, the internet browser is a software that displays the web page which is written in a web language and the browser has a default document for all client-sides and mark-up languages including HTML. So if an element or tag is not existing in the browser default directory then that tag won't work.

What's new in HTML5?

There are many new elements have been introduced in HTML5 which 4.01 hadn't. Also, this new version supports many technologies i.e DOM, CSS3, database support and it is more flexible for mobile applications.

New added tags in HTML5

Here is the list of new tags which are the beauty of this new version, however the list is just shrink . There might be more tags.

• <header></header> [for defining the header of the website]
• <nav></nav> [Defines the  navigation bar]
• <article></article> [for defining an article]
• <section></section> [for defining a section]
• <footer></footer> [for defining the footer of the website]
• <summary></summary> [for defining the summary of an article]
• <details></details> [to see or hide the details of a section or an article]
• <audio></audio> [for adding audio files]
• <track></track> [for audio or video file]
• <video></video> [for video file]
• <mark></mark> [for highlighting or marking text like this]
• <aside></aside>
• <bdi></bdi>
• <figure></figure>
• <canvas></canvas>
• <command></command>
• <figcaption></figcaption>
• <hgroup></hgroup>
• <meter></meter>
• <progress></progress>
• <ruby></ruby>
• <rt></rt>
• <rp></rp>
• <wbr></wbr> [for breaking a line]
• <time></time>
• <source> [source for video or audio file]

The list above is the important tags list, there might be more tags. Also, many new attributes have been added to different existing tags and new tags. For example the form input element will be now having below listed attributes: 

• <datalist> [before we used to <select> for a list]
• <keygen> [for security]
• <output> [for live calculation]

Also some new input types are added for input element:

1. Color
2. Time
3. Date
4. Datetime
5. Tel
6. Email
7. Month
8. Number
9. Range
10. Url
11. Search 
12. Week

HTML5 has designed for bringing more interactivity in web pages and for combining other languages with HTML such as JavaScript, XHTML and CSS.