Html5 Tag Reference

I decided to gather up all of the html5 tags and list them here in a post for your reference. My goal in the coming weeks is to go through each one and explain in detail what each one is and does. If they end up being brief items, I may group a few together. I hope this will help those who wish to learn more about html5 and what you can accomplish with it.

Html5 Tag Reference

<article> – Defines an article. This would be something like a blog post.

<aside> – Defines content aside from the page content. Think of a sidebar of a website or a blog.

<audio> – Defines sound content, such as an audio clip or soundbyte.

<bdi> – Singles out a part of text that might go in a different direction from other text outside it. This would be used with a language or name that goes in a different direction, such as right to left.

<canvas> – Used to draw graphics, usually via Javascript.

<command> – Determines a command button that a user can call upon.

<datalist> – Specifies a list of options for input controls.

<details> – Defines additional information that the user can view or hide.

<dialog> – Defines a dialog box or window. This could be a popup or something closely related.

<embed> – Defines a container for an external (non-HTML) application. You might consider something like a Vimeo or Youtube Video.

<figcaption> – Defines a caption for a <figure> element, where you can make a comment or provide more information.

<figure> – Specifies self-contained content, like an image or diagram.

<footer> – Defines a footer for an html document.

<header> – Defines a header for an html document.

<keygen> – Defines a key-pair generator field like you would expect for forms.

<main> – Specifies the main content of a document. On a bog, this would be where the post resides.

<mark> – Defines highlighted text that stands out from the text around it.

<meter> – Defines a measurement within a range.

<nav> – Defines navigation links, such as for a navbar on a website.

<output> – Defines the result of a calculation.

<progress> – Shows the progress of an action or event.

<rp> – Defines what to display in browsers that do not support ruby.

<rt> – Defines an explanation or a pronunciation of characters.

<ruby> – Defines an annotation in Ruby.

<section> – Defines a section in a document. If you were looking at a front page for a blog, this would be like a n excerpt for a post.

<source> – Defines multiple media resources for media elements like audio and video.

<summary> – Defines a heading for a <details> element that can be seen.

<time> – Defines a date or time within a document.

<track> – Defines text tracks for media elements like audio and video.

<video> – Defines a video or movie.

<wbr> – Defines a possible line-break.