Search within TutorialsPark

HTML5 Elements by Function


A list of all HTML5 Elements by their function


HTML5 Elements.

HTML5 Root Element

Elements Description
<html> To denote the text document as an HTML document.

HTML5 Metadata Element

Elements Description
<base> to Set the base URL of the webpage.
<head> To create the head section, which contains information and resources about the page,which includes the title, author, keywords, style sheets and scripts.
<link> To link to an external resource, i.e a style sheets, scripts etc.
<meta> To associate various kinds of metadata with the page.
<title> To create the title of a webpage(a required).
<style> To embed style sheet information in a webpage .

HTML5 Text Elements: Sections

Elements Description
<address> To represent contact information of the closest article or body element ancestor.
<article> To denote a self contained entity within a page, such that it is independently distributable or reusable.
<aside> To denote a section of page which comprises of content that is tangentially related to the main page content.
<body> To enclose the main contents of the webpage.
<footer> To denote a footer for the nearest ancestor, be it body, section, article or aside element.
<header> To represent a group of introductory contents and(or) navigational aids.
<hr> To denote a paragraph-level thematic break.
<nav> To denote a section of a page which links to other pages or to parts within the same page.
<section> To denote a distinct section of a webpage.

HTML5 Text Elements: Headings

Elements Description
<h1> <h6> To create headings within the web document.

HTML5 Text Elements: Grouping Elements

Elements Description
<blockquote> To denote a section which has been quoted from another(original) source.
<div> To divide the page into block-level sections.
<figcaption> To represent a caption or legend for the contents of its parent figure element.
<figure> To represent content that is referenced within the main flow of the web document but could be moved elsewhere without affecting the flow of the document.
<hr> To denote a paragraph-level thematic break.
<p> To create a paragraph.
<pre> To represent a block of preformatted text.

HTML5 Text Elements: List Elements

Elements Description
<dd> To denote a definition within a list.
<dl> To create a definiton list.
<dt> To mark the term which is to be defined in the list.
<li> To create a list item.
<ol> To create ordered lists.
<ul> To create an unordered list.

HTML5 Text Elements: Text-Level (Inline) Elements

Elements Description
<abbr> To specify the meanings of abbreviations and acronyms.
<b> To render a text in bold, to draw user attention for utilitarian purposes.
<bdi> To denote a span of text, which is to be isolated from its surrounding inorder to apply bidirectional text formatting.
<bdo> To explicitly define the direction of the text enclosed.
<br> To introduce a line break in the document.
<cite> To mark text for a citation.
<code> To represent text as a computer code.
<del> To denote a deleted text.
<dfn> To denote the defining instance of a term.
<em> To mark a span of text that has stress emphasis.
<i> To denote a span of text that is an alternate voice or mood or that is otherwise offset from the normal prose in a manner indicating a different quality of text.
<ins> To denote an addition text to the web document.
<kbd> To represent a user input.
<mark> To highlight text for reference purposes due to its relevance in another context.
<q> To quote short passages from another source(original).
<s> To denote text that is no longer accurate or relevant.
<samp> To assign an access key(i.e shortcut key) to a link.
<small> To denote side comments such as small prints.
<span> To wrap content in an element that has no intrinsic semantic meaning.
<strong> To denote strong importance of the enclosed text.
<sub> To render text as a subscript
<sup> To render text as subscript.
<time> To denote a data, time or both.
<u> To display a span of text with an unarticulated, though explicitly rendered, non textual annotation.
<var> To mark up text as a variable name.
<wbr> To denote an appropriate place to insert a line-break into a word without a hyphen.

HTML5 Elements: Tables

Elements Description
<caption> To create a Caption for a Table.
<col> To join columns in a table into a non-structural group.
<colgroup> To join columns in a table into a structural column group.
<table> To create tables.
<tbody> To represent the body of the table, along with the header(<thead>) and footer(<tfoot>)
<td> To create a regular cell in a table.
<tfoot> To denote the footer area of a table.
<th> To create a header cell in a table.
<thead> To denote the header area of a table.
<tr> To create the rows in a table.

HTML5 Form Elements

Elements Description
<button> To create clickable buttons.
<datalist> To denote a group of option elements that represent the predefined set of options for any other form control.
<fieldset> To group a set of form elements together.
<form> To create a form inorder to collect userdata for submission.
<input> To create a form element of various configurations.
<keygen> To generate a public and private key for encryption purposes.
<label> To label form elements .
<legend> To specify a caption for the fieldset describing the purpose of grouping .
<meter> To denote a measurement within a known range.
<optgroup> To group a set of option elements within a common label within the select element.
<option> To create individual options within the for select or datalist element.
<output> To represent the result of a mathematical calculation.
<progress> To denote the completion progress of a task.
<select> To create a form control to select from a set of options.
<textarea> To create the text block entry areas in form.

HTML5 Element: Interactive Content

Elements Description
<a> Used to create links and anchors on the webpage.
<details> To create a disclosure widget, clicking on which the user can obtain additional information.
<dialog> To assign an access key(i.e shortcut key) to a link.
<menu> To contain a list of commands.
<summary> To denote a summary, caption, or a legend for the contents of its parent details element .

HTML5 Element: Embedded Content

Elements Description
<area> To define the co-ordinates an Image map.
<audio> To audio into the webpage, without any plugin support.
<canvas> To represent a 2D canvas to display dynamic bitmap graphics using scripts.
<embed> To embed multimedia into the document, plugin may be needed.
<iframe> To create a nested browsing context.
<img> To inset(embed) images on a page.
<map> To create a client-side image map.
<object> To embed objects within the Web Document.
<param> To define or set the properties of an object.
<source> To denote multiple alternative media resources within an audio or video element.
<track> To specify external timed text tracks for the parent audio or video element .
<video> To embed video , movies and captioned audio files within the webpage.

HTML5 Scripting Elements

Elements Description
<script> To add "automatic " scripts to a webpage.
<noscript> To provide alternatives for scripts.

HTML5 Ruby Annotation

Elements Description
<rp> To provide parentheses around a ruby text component of a ruby annotation for browsers that lack support for ruby annotations.
<rt> To mark the ruby text component of a ruby text annotations.
<ruby> To allow text to be marked with ruby annotations.




Related Examples

Related Tags