MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

HTML element reference

This translation is incomplete. Please help translate this article from English.

This page lists all the HTML elements. They are grouped by function to help you find what you need to achieve what you have in mind. Although this guide is written for those who are new or newer to coding, we intend it to be a useful reference for anyone.

Basic elements

Basic elements are the backbone of any HTML document. You'll see these elements in the source code for all web pages after the doctype declaration on the first line of the page. The doctype specifies which version of (X)HTML that page is using. Page elements are placed between the opening <html> and closing </html> tags, also called the root element.            

Element Description
<html>

Document metadata

Metadata contains information about the page. This includes information about styles, scripts and data to help software (Search engines, browsers, etc.) use and render the page. Metadata for styles and scripts may be defined in the page or link to another file that has the information. 

Element Description
<base>
<head>
<link>
<meta>
<style>
<title>

Content sectioning

Content sectioning elements allow you to organise the document content into logical pieces. Use the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.   

Element Description
<address>
<article>
<aside>
<footer>
<header>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<hgroup>
<nav>

Text content

Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. Important for accessibility and SEO, these elements identify the purpose or structure of that content.     

Element Description
<dd>
<div>
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li>
<main>
<ol>
<p>
<pre>
<ul>

Inline text semantics

Use the HTML inline text semantic to define the meaning, structure or style of a word, line or portion of text.

Element Description
<a>
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data>
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
<u>
<var>
<wbr>

Image & multimedia

HTML allows to use various multimedia ressources such as images, audio and video.

Element Description
<area>
<audio>
<map>
<track>
<video>

embedded content

Beyond multimedia contents HTML can include many other stuff, even if it's not always easy to interact with.

Element Description
<embed>
<object>
<param>
<source>

Scripting

Element Description
<canvas>
<noscript>
<script>

Edits

Element Description
<del>
<ins>

Table content

Those set of elements is specificaly made to handle tabular data

Element Description
<caption>
<col>
<colgroup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

Forms

Element Description
<button>
<datalist>
<fieldset>
<form>
<input>
<keygen>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

Interactive elements

Element Description
<details>
<dialog>
<menu>
<menuitem>
<summary>

Web Components

Those elements are defined in the World Wide Web Consortium (W3C) Web Components collection of specifications rather than the HTML specification.

Element Description
<content>
<decorator>
<element>
<shadow>
<template>

Obsolete and deprecated elements

Some old HTML elements were deprecated and their usage is strongly discouraged. You should never use them for new project, and replace them in old projects. There are listed here for information only.

Element Description
<acronym>
<applet>
<basefont>
<big>
<blink>
<center>
<command>
<content>
<dir>
<font>
<frame>
<frameset>
<isindex>
<keygen>
<listing>
<marquee>
<nextid>
<noembed>
<plaintext>
<spacer>
<strike>
<tt>
<xmp>

Document Tags and Contributors

 Contributors to this page: Ladykill3r
 Last updated by: Ladykill3r,