>

Technical SEO

HTML Study

Catalin Rosu

12

min read

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.

HTML study, An average web page uses thirty-two different element typesHTML Study, the 32 elements used on most pages

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 study, doctype element

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.

HTML study, basic elements and metadata

From 401,982,588 elements

Content sectioning

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

HTML study, content sectioning

From 3,146,320,798 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.

HTML study, text content

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.

HTML study, inline text semantics

From 2,434,811,045 elements

Image and multimedia

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

HTML study, image and multimedia

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.

HTML study, embedded content

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.

HTML study, scripting

From 327,807,359 element

Demarcating edits

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

HTML study, demarcating edits

From 10,477,114 elements

Table content

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

HTML study, table content

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.

HTML study, forms

From 304,182,626 elements

Interactive elements

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

HTML study, interactive elements

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.

HTML study, web components

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.

HTML study, obsolete and deprecated elements

From 33,516,893 elements

SVG 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%.

HTML study, svg overview

From 52,135,951 elements

Inline SVG

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

HTML study, inline svg

From 40,173,645 elements

SVG as an IMG

SVG images can be used as an image format:

HTML study, svg as an img

From 11,918,595 elements

About

  • The initial blog post on this study was published on CSS-Tricks.

  • Part two of the CSS-Tricks series, with random interesting facts on HTML/SVG usage.

  • The average web page study and what it means for modern SEO, on Moz.

Previous awesome studies

Impressive HTML resources

FAQ

Top twenty Google results

The websites from Google's top twenty results are receiving the most traffic, relative to their positions. Therefore we can only assume that their relevance is very high for this study as they are the most popular.

11.3 million index pages

This HTML usage data comes from 11,264,652 index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume.

32

Most websites use thirty-two different HTML elements, the average computed frequency of HTML elements used on a page.

How fresh is this data

The latest data set is from October, 2020.