HTML 5 introduces new elements to HTML5 for the first time since the last millennium. New structural elements include aside, figure, and section. New inline elements include time, meter, and progress. New embedding elements include video and audio. New interactive elements include details and command.
: The HTML tag is used to represent an article. More specifically, the content within the tag is independent from the other content on the site (even though it could be related). By “independent” I mean that its contents could stand alone, for example in syndication. Examples of article content could include a forum post, a newspaper article, a blog entry, or a user-submitted comment.
The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
: The tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.
: is a group of introductory or navigational aids. A header element typically contains the section’s heading (an h1–h6 element or an hgroup element), but can also contain other content, such as a table of contents, a search form, or any relevant logos.
One of the new elements for HTML 5 is the
: The tag represents a part of text that must be formatted in a different direction from the text surrounding it.bdi stands for Bi-directional Isolation. This tag is mostly useful when embedding user-generated content with an unknown directionality.
: A command is the abstraction behind menu items, buttons, and links. Once a command is defined, other parts of the interface can refer to the same command, allowing many access points to a single feature to share aspects such as the disabled state. Note: The tag is currently not supported in any of the major browsers.
: The details element represents a disclosure widget from which the user can obtain additional information or controls. Essentially, we can use to create an accordion-like widget that the user can toggle open and closed. Inside , we can put any sort of content we want.
: The HTML tag specifies a summary/caption that can be used in conjunction with the HTML5 tag. This summary/caption can be clicked on to expand/collapse the details as required.
: The tag defines a caption for a
: HTML 5 introduces mark as a way to highlight text to indicate its relevance to the user.
: The meter element represents a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of a query result, or the fraction of a voting population to have selected a particular candidate.
The progress element represents the completion progress of a task. It’s typically displayed as a progress bar.
: The HTML tag is used for specifying Ruby annotations, which is used in East Asian typography.
: The HTML tag is used for specifying a line break opportunity.
Stay updated with all latest updates. Give it a try, you can unsubscribe anytime.
*Terms and conditions apply.
We respect your privacy.
About the author
Sandeep Likhar from Indore India, Blogger, eBook Designer and Founder of LetsDnD. Having five years of experience in industry as a Digital Publishing Expert and eBook Converter providing services to Authors, Publishers and distributors worldwide. Proficient in converting books into various formats HTML, epub, mobi, word, PDF including all major online platforms iTunes, Kobo, Kindle, Createspace, B&N, Smashwords and more.