Skip to content

State of HTML 2025

Features

Syntax, keywords, and other language features.

figure_lazy_loading_usage

Missing Block Component! Block ID: figure_lazy_loading_usage | type: FigureBlock
debug
{
  "block": {
    "blockType": "FigureBlock",
    "wrapBlock": false,
    "showInNav": false,
    "name": "figure",
    "id": "figure_lazy_loading_usage",
    "template": "figure",
    "variables": {
      "value": 70,
      "unit": "percentage"
    },
    "isMainBlock": true,
    "path": "/features/figure_lazy_loading_usage/",
    "sectionId": "features"
  }
}

All Features

This chart recaps all of the survey's feature questions. The main bars represent a respondent's experience; and they are then further subdivided according to that respondent's sentiment. You can change the grouping to alternate between both.

Note that you can also find a more specific breakdown of the same data in each feature sub-section.

Category:

Baseline Status:

Group by:

Sort by:

01
Accessibility
Landmark elements
96.7%
4,383
02
Accessibility
88.2%
8%
4,381
03
Graphics
87.3%
8.7%
3.4%
4,947
04
Graphics
73.4%
24.1%
4,942
05
Performance
70.8%
21.9%
6.8%
4,636
06
Performance
68.3%
21.9%
9%
4,627
07
Interactivity
65.5%
19.9%
13.9%
5,155
08
Content
54.3%
24.5%
20.4%
4,728
09
Interactivity
52.8%
35.2%
11.5%
5,124
10
Web Components
52.6%
35.8%
10.4%
4,457

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:21%
“Positive” average:30%
“Negative” average:5%

figure_content_security_usage

Missing Block Component! Block ID: figure_content_security_usage | type: FigureBlock
debug
{
  "block": {
    "blockType": "FigureBlock",
    "wrapBlock": false,
    "showInNav": false,
    "name": "figure",
    "id": "figure_content_security_usage",
    "template": "figure",
    "variables": {
      "value": 10,
      "unit": "percentage"
    },
    "isMainBlock": true,
    "path": "/features/figure_content_security_usage/",
    "sectionId": "features"
  }
}

Features Over Time

This chart shows a breakdown of feature trends over the years, organized alongisde six key ratios that are themselves based on experience and sentiment data.

You can then isolate a sub-segment of the entire feature set, whether by restricting features to a specific section, or by highlighting top/bottom items, or even items with the largest year-over-year increase or decrease for any given metric.

Usage:

Proportion of respondents having used an item

Filters:

0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%
Landmark elements
tabindex attribute
<svg> (inline SVG)
<canvas>
Lazy loading
srcset and sizes attributes
<details> and <summary>
Content-Security Policy (CSP)
Using Custom Elements
<dialog>