Bỏ qua đến nội dung

State of HTML 2025

Interactivity

APIs that enable richer user interactions.

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: popover attribute (Popover API)

The Popover API is “Newly Available” as of this year, meaning it's now supported in all four major browsers. Which makes this the perfect time to learn how it can help you get rid of hacky JavaScript code, and replace it with a nice declarative API!

Baseline: Newly Available

Learn more

Useful Resources

Interactivity Experience & Sentiment

There is huge demand for simple but customizable, declarative primitives for common things, as evidenced by the large proportion of positive sentiment for every single HTML feature in this category.

Group by:

Sort by:

01
Interactivity
65.5%
19.9%
13.9%
5,155
02
Interactivity
52.8%
35.2%
11.5%
5,124
03
Interactivity
22.9%
30.1%
46.6%
5,111
04
Interactivity
20.6%
47.6%
31.4%
5,098
05
Interactivity
19.7%
22.4%
57.2%
5,076
06
Interactivity
12.8%
26%
60.7%
5,109
07
Interactivity
6.4%
18.8%
74.5%
5,084
08
Interactivity
6.3%
18.8%
74.5%
5,059
09
Interactivity
5.9%
33.2%
60.7%
5,077
10
Interactivity
3.7%
22.8%
73.3%
5,071

Experience

  • <span aria-hidden="true">🤓</span> Đã sử dụng nó: Respondents who have used an item.
  • <span aria-hidden="true">👀</span> Có nghe về nó: Respondents who have heard about an item, but haven't used it.
  • <span aria-hidden="true">🤷</span> Chưa bao giờ nghe về nó: 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:22%
“Positive” average:37%
“Negative” average:3%

Interactivity Pain Points

The large proportion of browser support issues mentioned here sends a clear message: “we love all these new features you've given us–now make them work everywhere so we can actually use them!”.

What are your pain points around dynamic HTML changes?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
01
Browser support
2
02
DOM APIs
3
03
Accessibility
1
04
-2
05
Reliance on JavaScript
+3
06
-2
07
Ecosystem issues
1
08
events
09
Content
1
10
Declarative APIs
1
11
Focus management
+2
12
13
Cognitive overload
2
14
Performance
+9
15
State management
-3
16
Styling & customization
1
-11
17
Reactivity
2
18
19
1
20
Education
1
21
tooltips
22
Top Layer
23
Reliability
24
25
26
Câu trả lời khác
0%
20%
40%
60%
80%
100%
% của người trả lời câu hỏi
743
12%
25
5

Tài nguyên được đề xuất

The DOM
Brian Holt
Databricks

The DOM

Brian discusses the DOM (document object model) as where JavaScript, HTML, and CSS interact. The DOM represents the page so that programs can change the document structure, style, and content.
Cảm ơn các đối tác đã hỗ trợ chúng tôi! Tìm hiểu thêm.