Overview

This HTML usage data comes from 11.3 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 thirty-two different element types:

The thirty-two elements used on most pages, ordered by appearance frequency:

<html>
100%
<head>
100%
<body>
99.1%
<title>
97.9%
<meta>
96.5%
<div>
95.1%
<a>
93.7%
<script>
93.5%
<link>
92.7%
<img>
89.2%
<span>
86.1%
<p>
84.3%
<li>
80.8%
<ul>
80.8%
<style>
78.4%
<br>
69.8%
<h2>
64.2%
<input>
62%
<h1>
61.9%
<form>
57.3%
<h3>
53.6%
<nav>
52.4%
<footer>
52.3%
<header>
52.2%
<iframe>
49.4%
<button>
48.6%
<strong>
45.1%
<i>
41.6%
Total 11,264,652 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
84.5%
XHTML 1.0 TRANSITIONAL
9.2%
XHTML 1.0 STRICT
2.6%
HTML 4.01 TRANSITIONAL
1.8%
HTML 4.01 STRICT
1.1%
XHTML 1.1
0.5%
HTML 4.01 FRAMESET
0.2%
XHTML 1.0 FRAMESET
From 10,359,566 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.3%
<meta>
34.1%
[name]
[http-equiv]
[charset]
<style>
15.9%
<html>
2.8%
[lang]
[class]
[style]
[dir]
[id]
[itemscope]
[data-adblockkey]
[data-useragent]
[data-js-focus-visible]
[data-tcc-ignore]
<head>
2.8%
<title>
2.7%
<base>
0.3%
From 401,982,588 elements

Content sectioning

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

headings
67.4%
<h3>
<h2>
<h4>
<h1>
<h5>
<h6>
<section>
9.5%
<article>
7.5%
<header>
5.4%
<nav>
4.3%
<footer>
3.5%
<aside>
2.1%
<address>
0.3%
<hgroup>
0.1%
From 263,591,025 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>
65.2%
<li>
20.6%
<p>
8.4%
<ul>
4.1%
<figure>
0.5%
<hr>
0.3%
<dd>
0.3%
<dt>
0.2%
<dl>
0.1%
<figcaption>
0.1%
<pre>
0.1%
<ol>
0.1%
<main>
0.1%
From 3,146,320,798 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>
48.4%
<span>
33.7%
<br>
6.9%
<i>
5.2%
<strong>
2.5%
<b>
1.4%
<em>
0.6%
<time>
0.5%
<small>
0.3%
<bdi>
0.1%
<u>
0.1%
<sup>
0.1%
<abbr>
0.1%
<code>
0.1%
<cite>
<s>
<dfn>
<wbr>
<sub>
<q>
<mark>
<var>
<bdo>
<kbd>
<samp>
<ruby>
<rp>
<rt>
<data>
From 2,434,811,045 elements

Image and multimedia

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

<img>
98.9%
<area>
0.6%
<video>
0.25%
<map>
0.2%
<audio>
0.10%
<track>
From 300,679,465 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>
84.2%
<param>
7.6%
<object>
6.4%
<embed>
1.7%
From 10,944,873 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>
91.7%
<noscript>
7.6%
<canvas>
0.6%
From 327,807,359 elements

Demarcating edits

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

<ins>
85.3%
<del>
14.7%
From 10,477,114 elements

Table content

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

<td>
55.8%
<tr>
23.6%
<table>
8.3%
<tbody>
8.1%
<th>
3.5%
<thead>
0.4%
<col>
0.2%
<colgroup>
0.1%
<caption>
0.1%
<tfoot>
From 213,377,670 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>
41.5%
<input>
27.3%
[type="text"]
[type="hidden"]
[type="search"]
[type="checkbox"]
[type="email"]
[type="submit"]
[type="radio"]
[type="button"]
[type="image"]
[type="password"]
[type="number"]
[type="tel"]
[type="file"]
[type="range"]
[type="url"]
[type="date"]
[type="reset"]
[type="datetime"]
<button>
13.2%
[type="button"]
[type="submit"]
[type="reset"]
<label>
9.1%
<form>
5.5%
<select>
1.6%
<textarea>
0.8%
<fieldset>
0.6%
<legend>
0.2%
<optgroup>
0.1%
<progress>
<output>
<meter>
<datalist>
From 304,182,626 elements

Interactive elements

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

<summary>
35.3%
<details>
30.8%
<menu>
20.1%
<menuitem>
9.2%
<dialog>
4.7%
From 213,989 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>
96.5%
<content>
2.5%
<element>
0.7%
<shadow>
0.2%
From 351,472 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>
83.6%
<center>
10.6%
<big>
2.1%
<strike>
1%
<tt>
0.8%
<frame>
0.4%
<marquee>
0.4%
<frameset>
0.3%
<spacer>
0.2%
<acronym>
0.2%
<dir>
0.1%
<blink>
<listing>
<content>
<basefont>
<xmp>
<applet>
<noembed>
<plaintext>
<keygen>
<command>
<nextid>
From 33,516,893 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>
77.06%
as <img>
22.86%
as <object>
0.07%
as <embed>
as <iframe>
From 52,135,951 elements

Inline SVG

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

<path>
60.71%
<use>
27.63%
<svg> with <use>
22.99%
<g>
15.92%
<title>
6.62%
<defs>
4.39%
<circle>
3.98%
<rect>
3.95%
<polygon>
3.50%
<style>
1.81%
<symbol>
1.23%
<filter>
1.02%
<polyline>
1.00%
<desc>
0.88%
<fecolormatrix>
0.84%
<stop>
0.79%
<mask>
0.78%
<lineargradient>
0.76%
<image>
0.76%
<svg>
0.74%
<line>
0.70%
<clippath>
0.53%
<ellipse>
0.47%
<text>
0.42%
<fegaussianblur>
0.27%
<animate>
0.20%
<feoffset>
0.20%
<fecomponenttransfer>
0.16%
<femergenode>
0.12%
<tspan>
0.12%
<animate_transform>
0.11%
From 40,173,645 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">
84.63%
<img src*="data:image/svg+xml;">
15.37%
From 11,918,595 elements

About

Previous awesome studies

Impressive HTML resources