Ir para o conteúdo

State of HTML 2025

Interatividade

APIs que permitem interações mais ricas com o usuário.

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.

Agrupar por:

Ordenar por:

1
Interatividade
65.5%
19.9%
13.9%
5,155
2
Interatividade
52.8%
35.2%
11.5%
5,124
3
Interatividade
22.9%
30.1%
46.6%
5,111
4
Interatividade
20.6%
47.6%
31.4%
5,098
5
Interatividade
19.7%
22.4%
57.2%
5,076
6
Interatividade
12.8%
26%
60.7%
5,109
7
Interatividade
6.4%
18.8%
74.5%
5,084
8
Interatividade
6.3%
18.8%
74.5%
5,059
9
Interatividade
5.9%
33.2%
60.7%
5,077
10
Interatividade
3.7%
22.8%
73.3%
5,071

Experience

  • Já usei: Respondents who have used an item.
  • Conheço: Respondents who have heard about an item, but haven't used it.
  • Nunca ouvi falar: 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%

Dificuldades de Interatividade

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!”.

Quais suas dificuldades em relação às alterações dinâmicas do HTML?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
1
Browser support
2
2
DOM APIs
3
3
Accessibility
1
4
-2
5
Reliance on JavaScript
+3
6
-2
7
Ecosystem issues
1
8
events
9
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
Outras respostas
0%
20%
40%
60%
80%
100%
% de respostas das questões
743
12%
25
5

Recursos recomendados

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.
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.