Overview

This HTML usage data comes from 7.5 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.9%
<title>
97.3%
<meta>
96.5%
<div>
94.1%
<a>
93.8%
<script>
91.3%
<link>
90.5%
<img>
90.4%
<span>
84.5%
<p>
83.2%
<li>
79.1%
<ul>
78.8%
<style>
76.9%
<br>
71.9%
<h1>
59.6%
<h2>
58.9%
<input>
55.3%
<form>
51.3%
<h3>
49.6%
<iframe>
46.4%
<nav>
45.9%
<strong>
44.8%
<footer>
44.7%
<header>
44.3%
<button>
37.4%
<i>
34.1%
Total 7,549,134 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
82.3%
XHTML 1.0 TRANSITIONAL
12%
XHTML 1.0 STRICT
3.1%
HTML 4.01 TRANSITIONAL
1.4%
HTML 4.01 STRICT
0.7%
XHTML 1.1
0.3%
HTML 4.01 FRAMESET
0.1%
XHTML 1.0 FRAMESET
From 6,163,933 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>
40.6%
<meta>
31.5%
[name]
[http-equiv]
[charset]
<style>
17.6%
<title>
3.9%
<html>
3.1%
[lang]
[class]
[xmlns]
[prefix]
[style]
[xml:lang]
[dir]
[xmlns:fb]
[xmlns:og]
[itemscope]
<head>
3.1%
<base>
0.2%
From 244,815,227 elements

Content sectioning

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

headings
68.2%
<h3>
<h2>
<h4>
<h1>
<h5>
<h6>
<section>
8.7%
<article>
6.5%
<header>
5.5%
<nav>
4.7%
<footer>
3.8%
<aside>
2.2%
<address>
0.3%
<hgroup>
0.1%
From 139,503,078 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.2%
<li>
21.8%
<p>
9.3%
<ul>
4.3%
<figure>
0.3%
<hr>
0.3%
<dd>
0.2%
<dt>
0.1%
<dl>
0.1%
<ol>
0.1%
<figcaption>
0.1%
<main>
0.1%
<pre>
From 1,586,269,003 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>
49.9%
<span>
32.1%
<br>
7.6%
<i>
4.3%
<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>
<wbr>
<s>
<dfn>
<q>
<sub>
<mark>
<var>
<bdi>
<samp>
<kbd>
<data>
<bdo>
<ruby>
<rt>
<rp>
<rtc>
From 1,236,439,603 elements

Image and multimedia

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

<img>
98.4%
<area>
1%
<map>
0.3%
<video>
0.24%
<audio>
0.08%
<track>
From 164,211,136 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>
61.3%
<param>
24.4%
<object>
9.2%
<embed>
5%
From 4,033,279 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>
94.5%
<noscript>
4.2%
<canvas>
1.3%
From 187,813,954 elements

Demarcating edits

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

<ins>
87.4%
<del>
12.6%
From 3,221,195 elements

Table content

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

<td>
54.7%
<tr>
24.3%
<table>
9.3%
<tbody>
9.2%
<th>
1.8%
<thead>
0.2%
<col>
0.2%
<colgroup>
0.1%
<caption>
<tfoot>
From 139,396,662 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.4%
<input>
26.2%
[type="hidden"]
[type="text"]
[type="submit"]
[type="checkbox"]
[type="radio"]
[type="email"]
[type="search"]
[type="button"]
[type="password"]
[type="image"]
[type="tel"]
[type="number"]
[type="file"]
[type="url"]
[type="range"]
[type="reset"]
[type="date"]
[type="time"]
[type="color"]
<button>
9.3%
[type="button"]
[type="submit"]
[type="reset"]
<label>
8.5%
<form>
5.1%
<select>
1.8%
<textarea>
0.8%
<fieldset>
0.5%
<legend>
0.2%
<optgroup>
0.1%
<progress>
<output>
<datalist>
<meter>
From 163,535,564 elements

Interactive elements

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

<menu>
36.7%
<summary>
33.9%
<details>
19.3%
<dialog>
6.5%
<menuitem>
3.6%
From 54,500 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.

<content>
65.5%
<template>
33.4%
<element>
1.1%
<shadow>
From 140,910 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>
86.4%
<center>
8.9%
<big>
2.1%
<frame>
0.5%
<strike>
0.5%
<content>
0.3%
<frameset>
0.3%
<marquee>
0.3%
<spacer>
0.3%
<tt>
0.2%
<acronym>
0.1%
<blink>
0.1%
<basefont>
<dir>
<applet>
<noembed>
<xmp>
<listing>
<plaintext>
<command>
<keygen>
<nextid>
From 27,336,095 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>
95.28%
as <img>
4.69%
as <object>
0.02%
as <embed>
as <iframe>
From 22,791,772 elements

Inline SVG

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

<path>
7.65%
<g>
4.25%
<circle>
1.70%
<a>
1.60%
<svg> with <use>
1.34%
<symbol>
1.07%
<polygon>
1.04%
<defs>
0.89%
<rect>
0.83%
<line>
0.41%
<use>
0.30%
<text>
0.25%
<filter>
0.24%
<ellipse>
0.23%
<polyline>
0.20%
<mask>
0.20%
<desc>
0.18%
<fecolormatrix>
0.16%
<stop>
0.15%
<fegaussianblur>
0.13%
<clippath>
0.12%
<lineargradient>
0.10%
From 21,717,021 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*="data:image/svg+xml;">
63.41%
<img src*=".svg">
36.59%
From 1,069,597 elements

About

Previous awesome studies

Impressive HTML resources