ข้ามไปยังเนื้อหา

State of HTML 2025

Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)

API ที่ช่วยให้เกิด Interactivity ที่สมบูรณ์ยิ่งขึ้น

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

ประสบการณ์ & ความรู้สึกเกี่ยวกับการโต้ตอบ

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.

จัดกลุ่มตาม:

จัดเรียงตาม:

1
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
65.5%
19.9%
13.9%
5,155
2
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
52.8%
35.2%
11.5%
5,124
3
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
22.9%
30.1%
46.6%
5,111
4
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
20.6%
47.6%
31.4%
5,098
5
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
19.7%
22.4%
57.2%
5,076
6
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
12.8%
26%
60.7%
5,109
7
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
6.4%
18.8%
74.5%
5,084
8
Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)
6.3%
18.8%
74.5%
5,059
9
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> เคยใช้: Respondents who have used an item.
  • <span aria-hidden="true">👀</span> เคยได้ยิน: Respondents who have heard about an item, but haven't used it.
  • <span aria-hidden="true">🤷</span> ไม่เคยได้ยิน: 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%

Pain Point ของ Interactivity

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

Pain Point ของคุณเกี่ยวกับการเปลี่ยนแปลง 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
คำตอบอื่นๆ
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.
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม