Ugrás a tartalomhoz

State of HTML 2025

Használat

Hogyan használod a HTML-t.

Böngésző együttműködés

There's always a bit of lag between the state of the web platform and actual real-world adoption, so it shouldn't come as a surprise that the Popover API still tops the rankings. But make no mistake, this feature now officially has the "Newly Available" Baseline status, meaning using it across browser should be much less of an issue going forward.
Mely létező HTML funkciókat vagy böngésző APIkat nem tudsz használni a böngészők közötti különbségek vagy hiányzó támogatás miatt?
Multiple
Top pain point topics corresponding to specific web platform features.

View:

Items tagged “features”
0%
20%
40%
60%
80%
100%
01
02
<select>
+4
03
-1
04
05
+7
06
-1
07
-3
08
+2
09
<input type="date">
-1
10
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
884
14%
25
5

Korlátozott funkcionalitás

Form controls and other interactive elements are once again those perceived as most limiting. With customizable select out of the way, it looks like perhaps date pickers should be the next target.
Mely meglévő HTML funkciókat vagy böngésző APIkat nem tudsz használni egyéb okok miatt (és miért)?
Multiple
Top pain point topics corresponding to specific web platform features.

View:

Items tagged “features”
0%
20%
40%
60%
80%
100%
01
<select>
02
<input type="date">
03
+5
04
05
-1
06
+1
07
<select multiple>
08
-2
09
10
<input type="color">
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
406
7%
5

Hiányzó elemek

This year again datatable is the most requested new element. While it would certainly be nice to have built-in filtering, sorting, searching, etc. capabilities, it doesn't seem like something that will become a reality anytime soon.

On the other hand, progress is being made on other long-awaited features such as a native switch element, which explains its drop in the rankings.

Ha hozzáadhatnál 3 új elemet a HTML-hez, mik lennének azok?
Multiple
0%
20%
40%
60%
80%
100%
01
Adattáblázat (rendezéssel, filterezéssel, stb.)
1,545
02
Combobox / Autocomplete
1,249
03
Tabok
-1
1,182
04
Legördülő menü
1,071
05
Rich text editor
975
06
Két opciós gomb
-3
957
07
HTML include
920
08
Sortable drag-and-drop list
910
09
Weboldal váz / Helykitöltő betöltés közben
-5
728
10
Context Menu / Right-Click Menu (jobb-kattintás menü)
-5
719
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,887
62%
25

Styling Issues

It will be no surprise that form inputs top the list of hardest elements to style. Thankfully, customizable select elements are in the works, even though browser support is still lagging.
Which elements do you struggle the most to style or visually customize?
Multiple
0%
20%
40%
60%
80%
100%
01
<select>
1,699
02
<input type="date">
1,178
03
<select multiple>
792
04
791
05
Validation errors
491
06
432
07
<input type="time">
401
08
369
09
<input type="range">
317
10
314
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,331
54%
10

HTML Reuse

It's hard to dispute that JavaScript components have become the dominant paradigm of building UIs on the web. And yes, dealing with all these competing front-end frameworks can be messy–but it's a mess we know (and maybe even love?), a fact that makes it tough for web components to gain ground beyond fourth place.
Which strategies do you use to implement components or otherwise reuse HTML code?
Multiple
0%
20%
40%
60%
80%
100%
1
Component-based JavaScript Frameworks
2,696
2
Server-side templating
1,922
3
Client-side templating
1,297
4
1,237
5
Build-time templating
1,184
6
Copy-paste
914
7
Web Components helper libraries
492
8
🚫 Egyik sem
44
9
Egyéb
69
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,749
60%
10

Design Systems

Design systems have become a requirement for most large-scale projects, and that fact is reflected in the popularity of all these various approaches.
Do you use any of the following design system strategies to maintain UI consistency?
Multiple
0%
20%
40%
60%
80%
100%
1
Elements/components
3,084
2
Design tokens
2,664
3
Utilities
2,407
4
Guidelines
2,008
5
Patterns
1,316
6
🚫 Egyik sem
112
7
Egyéb
45
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,810
61%
10

HTML/CSS vs JavaScript/TypeScript egyensúly

As shown in the “Component Strategies” chart above, JavaScript is the de facto vessel for a lot of the HTML code we produce. Which explains why we spend so much time writing it!
Hogyan osztod meg az idődet a HTML/CSS és JavaScript (vagy TypeScript) írásában?
0%
20%
40%
60%
80%
100%
1
100% HTML/CSS
65
2
1
269
3
2
422
4
3
287
5
50%–50%
635
6
5
494
7
6
1,179
8
7
494
9
100% JS
40
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,885
62%
57%
63%
10

A HTML használata

While the average survey respondents mainly works on dynamic web apps, many of us also spend time creating blogs or other text-heavy sites, harkening back to HTML's roots as a document-oriented language.
Mire használod a HTML-t?
Multiple
0%
20%
40%
60%
80%
100%
01
Webapplikációk
3,378
02
Blogok vagy egyéb főleg szövegből álló weboldalak
2,253
03
Marketing oldalak & főoldalak
1,894
04
Dizájnrendszerek
1,519
05
Emailek
1,139
06
Asztali alkalmazások
891
07
Mobilapplikációk
879
08
Nyomtatott dokumentumok
659
09
E-Commerce sites
10
🚫 Egyik sem
16
11
Egyéb
114
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,933
63%
10
💡
Tudományosan bizonyított, hogy ha ezt a felméréest megosztod Twitteren, Facebookon, vagy emailben, akár 15%-kal javulhat a kódolási teljesítményed.

Egyéb hiányosságok

When looking at web platform pain points more generally, browser support stands out–especially when it comes to the Apple ecosystem.

As a result, community initiatives such as the #AppleBrowserBan hashtag have been gaining steam, while on the vendor front Interop moves the needle in the right direction each year.

Van bármi más hiányosság a HTML használatában és a kapcsolódó technológiákban?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
01
Browser support
1
02
Environments & Consumers
2
03
Content
2
04
Reliance on JavaScript
05
Cognitive overload
2
06
Ecosystem issues
2
07
Education
08
Accessibility
09
Excessive complexity
10
Poor design
1
11
Styling & customization
1
12
Performance
13
Vendor politics
14
Missing elements
15
16
workplace
17
Tooling
18
Security & privacy
19
PDF
20
Declarative APIs
21
Egyéb
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
191
3%
5

Ajánlott források

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
Köszönet partnereink támogatásáért! Tudj meg többet.