Overview

This HTML usage data comes from 7.1 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section.

Apparently, an average web page uses twenty-eight different element types:

The twenty-eight elements used on most pages, ordered by appearance frequency:

<html>
100%
<head>
100%
<body>
98.8%
<title>
97.1%
<meta>
95.4%
<div>
93.1%
<a>
92.6%
<script>
90.4%
<link>
89.5%
<img>
88.9%
<span>
82.7%
<p>
82.3%
<li>
77.7%
<ul>
77.6%
<style>
76.2%
<br>
69.7%
<h1>
59.4%
<h2>
59.4%
<input>
54.9%
<form>
50.8%
<h3>
49.4%
<nav>
48%
<header>
46.1%
<footer>
46%
<iframe>
44.7%
<strong>
44.2%
<button>
38.8%
<i>
35.3%
Total 7,101,531 pages

Doctype

The doctype is the very first line of a HTML document and it specifies which version of (X)HTML that page is using.

HTML 5
81.6%
XHTML 1.0 TRANSITIONAL
12.4%
XHTML 1.0 STRICT
2.6%
HTML 4.01 TRANSITIONAL
2%
HTML 4.01 STRICT
0.9%
XHTML 1.1
0.2%
HTML 4.01 FRAMESET
0.1%
XHTML 1.0 FRAMESET
0.1%
From 6,275,071 elements

Basic elements and metadata

The html, which is known as the root element, wraps the contents of a web page and it can be found immediately after the doctype declaration. Metadata contains information about the page like styles, scripts and data to help search engines or browsers to use and render the page.

<link>
41.4%
<meta>
32.4%
[name]
[http-equiv]
[charset]
<style>
16.8%
<html>
3.1%
[lang]
[class]
[style]
[dir]
[id]
[itemscope]
[data-useragent]
[data-adblockkey]
[data-tcc-ignore]
[version]
<head>
3.1%
<title>
3%
<base>
0.2%
From 228,065,574 elements

Content sectioning

The content sectioning elements allow you to organize the contents into logical pieces.

headings
66.9%
<h3>
<h2>
<h4>
<h1>
<h5>
<h6>
<section>
9.4%
<article>
6.7%
<header>
5.6%
<nav>
4.9%
<footer>
3.8%
<aside>
2.2%
<address>
0.3%
<hgroup>
0.1%
From 132,616,753 elements

Text content

The text content elements are useful to organize content within the body and they help you identify the purpose of that content.

<div>
63.9%
<li>
21.4%
<p>
9.1%
<ul>
4.2%
<figure>
0.4%
<hr>
0.3%
<dd>
0.2%
<dt>
0.1%
<dl>
0.1%
<figcaption>
0.1%
<ol>
0.1%
<pre>
0.1%
<main>
0.1%
From 1,511,218,512 elements

Inline text semantics

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

<a>
50.4%
<span>
31.5%
<br>
7.4%
<i>
4.5%
<strong>
2.6%
<b>
1.5%
<em>
0.7%
<time>
0.4%
<small>
0.3%
<u>
0.1%
<sup>
0.1%
<code>
0.1%
<abbr>
0.1%
<cite>
<dfn>
<s>
<wbr>
<q>
<sub>
<mark>
<bdi>
<var>
<kbd>
<bdo>
<samp>
<ruby>
<rp>
<data>
<rt>
<rtc>
From 1,137,311,147 elements

Image and multimedia

HTML supports various multimedia resources such as images, audio, and video.

<img>
98.5%
<area>
0.9%
<video>
0.26%
<map>
0.2%
<audio>
0.08%
<track>
From 150,657,110 elements

Embedded content

In addition to regular multimedia content, HTML can include a variety of other content, even if it's not always easy to interact with.

<source>
69.4%
<param>
18.6%
<object>
8.1%
<embed>
3.9%
From 4,323,947 elements

Scripting

In order to create dynamic content and Web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements support this capability.

<script>
93.3%
<noscript>
5.5%
<canvas>
1.2%
From 177,481,419 elements

Demarcating edits

These elements let you provide indications that specific parts of the text have been altered.

<ins>
88.2%
<del>
11.8%
From 3,487,753 elements

Table content

The elements here are used to create and handle tabular data.

<td>
54.9%
<tr>
24.2%
<table>
9.1%
<tbody>
9%
<th>
2.1%
<thead>
0.3%
<col>
0.2%
<colgroup>
0.1%
<caption>
<tfoot>
From 122,639,288 elements

Forms

HTML provides a number of elements which can be used together to create forms which the user can fill out and submit.

<option>
47%
<input>
26%
[type="text"]
[type="hidden"]
[type="search"]
[type="checkbox"]
[type="email"]
[type="submit"]
[type="button"]
[type="radio"]
[type="image"]
[type="range"]
[type="file"]
[type="date"]
[type="password"]
[type="url"]
[type="number"]
[type="tel"]
[type="reset"]
[type="time"]
[type="color"]
<button>
10.4%
[type="button"]
[type="submit"]
[type="reset"]
<label>
8.1%
<form>
5.1%
<select>
1.7%
<textarea>
0.9%
<fieldset>
0.5%
<legend>
0.2%
<optgroup>
0.1%
<progress>
<output>
<meter>
<datalist>
From 152,019,869 elements

Interactive elements

HTML offers a selection of elements which help to create interactive user interface objects.

<menu>
31.3%
<summary>
27%
<details>
18.6%
<menuitem>
16.2%
<dialog>
6.8%
From 70,355 elements

Web components

Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In addition, you can even create custom versions of standard HTML elements, as well.

<template>
86.5%
<content>
10%
<element>
3.5%
<shadow>
From 38,316 elements

Obsolete and deprecated elements

These are old HTML elements which are deprecated and should not be used. You should never use them in new projects, and should replace them in old projects as soon as you can. They are listed here for informational purposes only.

<font>
85.7%
<center>
8.8%
<big>
2.7%
<strike>
0.6%
<frame>
0.5%
<frameset>
0.4%
<tt>
0.3%
<spacer>
0.3%
<marquee>
0.3%
<acronym>
0.2%
<dir>
0.1%
<blink>
<listing>
<basefont>
<xmp>
<content>
<applet>
<noembed>
<keygen>
<command>
<plaintext>
<isindex>
<nextid>
From 25,508,408 elements

Overview

Scalable Vector Graphics (SVG) is an XML-based markup language for describing two-dimensional vector graphics. There are several ways of including SVG in HTML:

  • Inline SVG code within HTML
  • Using SVG as an <img>
  • Using SVG as an <object>
  • Using SVG as an <embed>
  • Using SVG as an <iframe>

The object, iframe and embed methods usage is under 1%.

Inline <svg>
81.83%
as <img>
18.07%
as <object>
0.09%
as <embed>
as <iframe>
From 21,674,276 elements

Inline SVG

Inline SVG refers to SVG code that is included right in the markup.

<path>
67.08%
<use>
20.69%
<g>
18.29%
<svg> with <use>
14.74%
<title>
6.86%
<polygon>
4.07%
<circle>
3.68%
<defs>
3.24%
<rect>
2.14%
<style>
1.63%
<symbol>
1.45%
<filter>
0.93%
<desc>
0.86%
<svg>
0.85%
<fecolormatrix>
0.76%
<polyline>
0.69%
<ellipse>
0.60%
<line>
0.57%
<image>
0.51%
<mask>
0.48%
<stop>
0.42%
<lineargradient>
0.41%
<text>
0.36%
<clippath>
0.34%
<fecomponenttransfer>
0.19%
<fegaussianblur>
0.17%
<tspan>
0.13%
<animate>
0.12%
<fefuncg>
0.12%
<fefuncr>
0.12%
<fefuncb>
0.12%
<feoffset>
0.12%
From 17,736,883 elements

SVG as an IMG

SVG images can be used as an image format:
<img src="red-circle.svg" height="32" width="32" alt="A red circle"/>

<img src*=".svg">
88.29%
<img src*="data:image/svg+xml;">
11.71%
From 3,915,967 elements

About

Previous awesome studies

Impressive HTML resources