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:
The doctype is the very first line of a HTML document and it specifies which version of (X)HTML that page is using.
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.
The content sectioning elements allow you to organize the contents into logical pieces.
The text content elements are useful to organize content within the body and they help you identify the purpose of that content.
Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary piece of text.
HTML supports various multimedia resources such as images, audio, and video.
In addition to regular multimedia content, HTML can include a variety of other content, even if it's not always easy to interact with.
In order to create dynamic content and Web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements support this capability.
These elements let you provide indications that specific parts of the text have been altered.
The elements here are used to create and handle tabular data.
HTML provides a number of elements which can be used together to create forms which the user can fill out and submit.
HTML offers a selection of elements which help to create interactive user interface objects.
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.
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.
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:
The object
, iframe
and embed
methods usage is under 1%.
Inline SVG refers to SVG code that is included right in the markup.
SVG images can be used as an image format:
<img src="red-circle.svg" height="32" width="32" alt="A red circle"/>
The initial blog post on this study was published on CSS-Tricks:
https://css-tricks.com/average-web-page-data-analyzing-8-million-websites/
Part two of the CSS-Tricks series, with random interesting facts on HTML/SVG usage:
https://css-tricks.com/random-interesting-facts-htmlsvg-usage/
The average web page study and what it means for modern SEO, on Moz:
https://moz.com/blog/a-breakdown-of-html-usage-across-8-million-pages/