Today we are going to take a look at the new HTML5 Tags. HTML5 introduced many new awesome tags and attributes that will make developing website more easy and fun.
The Hyper Text Markup language (HTML) was developed in 1993 for creating web pages and web applications. Later, CSS (Cascading Style Sheet) improved the way content presented to the user and made web pages more responsive. The most up to date version of HTML is HTML5. Earlier websites only used text and images data, but as the world has grown we needed support for audios, videos, maps, location services etc, which were not provided or handled properly in previous versions. So the latest release is suitable to develop any kind of web app you want to build.
With the initial release of HTML, developer needed much more functionality to improve the layouts, make web pages more users friendly and attractive. Thanks to HTML5 all their dreams now can come to reality.
All New HTML5 Tags:
Here is the lists of new HTML5 tags you must know. With the help of theses elements you will be able to make your web pages more beautiful and responsive.
- <aside>: adding something aside the content on web page.
- <article>: defines an article like blog posts,or information or data.
- <audio>: to add audio files like mp3 etc.
- <bdi>: Bi-directional Isolation, to change the text direction left to right or right to left etc.
- <command>: a command that can be invoked
- <dialog>: for adding a dialog box
- <datalist>: list of pre-defined options for input controls
- <embed>: container for external application
- <figcaption>: for adding caption to picture
- <footer>: defining a footer (bottom area of web page)
- <hgroup>: defines header (top area of a web page) with multiple headers
- <header>: group of navigational links
- <meter>: represent measurements
- <main>: main content of document
- <mark>: highlighting text for reference purpose
- <nav>: defining navigational section
- <output>: represents output as from a function
- <progress>: shows progress of complex/lengthy tasks
- <rt>: pronunciation of text
- <rp>: what to show in browsers that do not support ruby annotations
- <ruby>: marking up ruby annotations
- <svg>: add vector graphics in HTML pages.
- <summary>: visible heading for detail element
- <source>: when adding media files, it defines their sources
- <section>: defines a section of content
- <time>: to add date/time in website
- <track>: adding text tracks from media elements
- <video>: add videos in web pages.
- <wbr>: to break long words according to screen size.