HTML 5 Tags

See all the HTML 5 tags. Many tags in HTML 5 are also in HTML 4. This reference lists all the HTML 5 tags in one place.

The article tag is used to represent an independent section of a page in HTML 5. It is not found in HTML 4.

The aside tag is used to define a section of the page that has content that is related but not critical to the main content in HTML 5. It is not found in HTML 4.

The audio tag is used to representa sound or audio stream in HTML 5. It is not found in HTML 4.

The canvas tag is used to draw graphics dynamically using scripting in HTML 5. It is not found in HTML 4.

The command tag is used to define a command button like a radio button, checkbox, or submit button in HTML 5. It is not found in HTML 4.

The DATA element is used to define content that is data with a computer-readable format in HTML5. It is not found in HTML 4.

HTML5 introduces a new element: DATA. This element appears, at first glance, to do nearly the same thing as the CODE element from HTML 4, but the DATA element also provides a machine-readable value so that computers can not only display the data, but parse it as well.

The datagrid tag is used to provide a reference to interactive data in the form of a tree or tabular dtaa in HTML 5. It is not found in HTML 4.

The datalist tag is used to represent a list of data in a drop-down menu in HTML 5. It is not found in HTML 4.

The details tag is used to provide additional details about a page element in HTML 5. It is not found in HTML 4.

Learn how to use the new HTML5 DETAILS and SUMMARY elements.

The dialog tag is used to represent people talking - such as in a screenplay in HTML 5. It is not found in HTML 4.

Learn the rules and specifications for using the HTML5 FIGCAPTION element.

The figure tag is used to define a group of content that is peripherally related to the main content but can be moved without affecting the meaning in HTML 5. It is not found in HTML 4.

There are a lot of new tags in HTML5, two interesting ones are FIGURE and FIGCAPTION. This article will teach you how to use these elements to define content items that are important to an existing document but can appear anywhere within the flow.

The footer tag is used to define the footer section of a page in HTML 5. It is not found in HTML 4.

The header tag is used to define the header section of a page in HTML 5. It is not found in HTML 4.

The hgroup tag is used to define a group of headers that should stay together in HTML 5. It is not found in HTML 4.

The mark tag is used to mark portions of the document for reference in HTML 5. It is not found in HTML 4.

Learn how to use the HTML5 MARK element, what browsers support it, and how it's different from EM and STRONG.

The meter tag is used to represent a scalar gauge providing a measurement in HTML 5. It is not found in HTML 4.

The nav tag is used to define navigation areas on the page in HTML 5. It is not found in HTML 4.

The output tag is used to represent the output of a calculation in HTML 5. It is not found in HTML 4.

The progress tag is used to represent the completion process of a task in HTML 5. It is not found in HTML 4.

The rp tag is used to define ruby parenthesis for user-agents that don't support ruby in HTML 5. It is not found in HTML 4.

The rt tag is used to mark the ruby text component of a ruby annotation in HTML 5. It is not found in HTML 4.

The ruby tag is used to mark spans of content with ruby annotations in HTML 5. It is not found in HTML 4.

The section tag is used to define a section on the page in HTML 5. It is not found in HTML 4.

The new HTML5 SECTION element has some people confused as to when to use it. Some people use it instead of the DIV element, others use it as a container, while still others avoid using it at all. Learn when it's appropriate to use the HTML5 SECTION element and when you should use other elements instead.

The source tag is used to specify multiple media sources for audio and video in HTML 5. It is not found in HTML 4.

The SUMMARY element is used to provide a summary, caption, or legend for a DETAILS element in HTML 5. It is not found in HTML 4.

The time tag is used to represent a data or time in HTML 5. It is not found in HTML 4.

The video tag is used to represent a video or movie in HTML 5. It is not found in HTML 4.

The INPUT URL tag creates an input field for URLs in your HTML form. It is an HTML 5 tag.

The INPUT Telephone tag creates an input field for telephone numbers in your HTML form. It is an HTML 5 tag.

The INPUT Search tag creates a search field in your HTML form. It is an HTML 5 tag.

The INPUT Month tag is used to display month form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Week tag is used to display week form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Email tag is used to request email addresses in HTML forms. It is an HTML 5 tag.

The INPUT Number tag is used to request a specific number for HTML forms. Browsers that support it will display a select box with incrementing numbers. It is an HTML 5 tag.

The INPUT Range tag is used to request an imprecise number for HTML forms. Browsers that support it will display a range slider to select the number. It is an HTML 5 tag.

The INPUT Time tag is used to display time form fields with a clock entry field. It is an HTML 5 tag.

The INPUT Datetime-Local tag is used to display date and time form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Datetime tag is used to display date and time form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Date tag is used to display date form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Color tag is used to display color pickers and collect color information in HTML forms. It is an HTML 5 tag.

HTML5 brings thirteen new types of input tags for HTML forms. And even if your readers all use Internet Explorer 7, you should be using these HTML tags. These HTML5 input tags for forms add benefits to your forms that outweigh any fears you might have of using HTML5. Learn how to use the HTML5 input field types.

Event attributes make it easier to trigger scripts on your web pages and web applications in many different situations. Learn about some of the interesting event attributes coming with HTML5.

The audio tag is used to play sound files and streaming sound on web pages. It is an HTML 5 tag.

In XHTML you are required to use a trailing slash in elements that do not have a closing tag. But is that trailing slash required in HTML 5?

HTML void elements are elements that do not have a required closing tag to end them. These elements are usually elements that either stand alone on the page, or where the end of their contents is obvious from the context of the page itself.

When you write XHTML tags, you must be aware of the case they are in because XHTML is case sensitive. But is HTML 5 case sensitive?

When you write XHTML attributes, you must be aware of the case they are in because XHTML is case sensitive. But is HTML 5 case sensitive?

In XHTML, all attribute values must be quoted using double quote marks. But does HTML 5 require using double quotes around attribute values?

The HTML5 bdi tag isolates spans of text for bi-directional text formatting. This is a new tag in HTML5.

HTML5 sectioning content is a category of HTML5 tags that provide structure to the HTML document and allow for more accurate outlining of the document. This article explains what HTML5 sectioning content is, how it is used, and the elements that are included in the category.

Links are a critical part of any web page, and there are some significant changes to links in HTML5. Learn about how HTML5 changes the A, AREA, and LINK elements.

The rel attribute has been around for a while, but with HTML5 Google and other groups are using the rel=author attribute to more effectively identify the authors of articles on the internet. Learn how to use rel=author on links to your author pages to identify the articles you write to search engines.

A description of the HTML attribute srcdoc. Learn how to define the source of your iframes inside your HTML.

A description of the HTML attribute seamless. Learn how to make your iframes show up as though they were seamlessly part of the parent document.

A description of the HTML attribute sandbox. Learn how to make iframes more secure by setting what features are allowed to operate within the iframe.