メインコンテンツにスキップ

State of HTML 2025

インタラクティビティ

より豊かなユーザーインタラクションを可能にするAPI

We're highlighting interesting 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.

グループ化:

ソート基準:

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

経験

  • 使ったことがある: Respondents who have used an item.
  • 知っている: Respondents who have heard about an item, but haven't used it.
  • 知らない: Respondents who have never heard about an item.

所感

  • 肯定的: その技術について詳しく知りたい、あるいは今後も継続して利用したいと考えている回答者。
  • 中立: その技術に対して、肯定・否定のどちらの感情も示さなかった回答者
  • 否定的: その技術についてこれ以上学ぶ意欲がない、あるいは、実際に使用して否定的な印象を抱いた回答者。
“Used” average:22%
“Positive” average:37%
“Negative” average:3%

インタラクティビティの問題点

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!”.
動的なHTML変更に関してどのような問題を抱えていますか？
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
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
743
12%
25
5

おすすめのリソース

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.
パートナーのサポートに感謝しています！ 詳細をみる。