跳至內容

使用狀況

你的 HTML 使用狀況。

瀏覽器互通性

由於瀏覽器差異或缺乏支援,你無法使用哪些現有 HTML 功能或瀏覽器 API?
(自由填答問題)
0%
4%
7%
11%
14%
18%
1

Input element issues

Answers matching “Input element issues” 346
2

3

4

5

6

Safari issues

7

8

Firefox issues

9

10

Notification API

11

12

13

14

Customized built-in elements

15

WebGPU

16

Education

Answers matching “Education” 32
17

Screen reader issues

Answers matching “Screen reader issues” 32
18

19

Technical issues

Answers matching “Technical issues” 28
20

0%
4%
7%
11%
14%
18%
% 問題回應者

有限的功能

是否有哪些現有的 HTML 功能或瀏覽器 API 因為其他問題而無法使用?
(自由填答問題)
0%
12%
23%
35%
47%
58%
1

Input element issues

Answers matching “Input element issues” 680
2

3

Form inputs

4

5

Dropdown menus

6

7

8

Education

Answers matching “Education” 34
9

Screen reader issues

Answers matching “Screen reader issues” 34
10

Technical issues

Answers matching “Technical issues” 24
11

12

Reliance on JavaScript

13

14

Customized built-in elements

15

Implementation issues

Answers matching “Implementation issues” 17
16

Company issues

Answers matching “Company issues” 14
17

18

Reliance on frameworks

19

DOM interactions

Answers matching “DOM interactions” 13
20

0%
12%
23%
35%
47%
58%
% 問題回應者

缺乏元素

如果你可以加入 3 個元素到 HTML 中,它們會是什麼?
0%
11%
21%
32%
43%
53%
1

Data table(具備排序、過濾 等等)

6,400
2

Tabs

4,681
3

Switch / Toggle

3,700
4

Skeleton UI / Loading Placeholder

3,621
5

Context Menu / Right-Click Menu

3,578
6

Carousel

3,147
7

Infinite Scroll

3,096
8

Accordion

2,370
9

Image Zoom

1,460
10

Segmented Button

793
11

Star Rating

482
12

Autocomplete

56
13

<input type="date">

35
14

<select multiple>

28
15

Unmatched Answers

256
16

na

338
0%
11%
21%
32%
43%
53%
% 問題回應者

生態系影響

除了你自己之外,還有多少開發人員使用你建立或維護的函式庫、套件、元件、API 等?
0%
10%
20%
30%
40%
50%
1

一些其他開發人員(例如:小團隊內的開發人員)

6,217
2

少於一千名開發者

1,447
3

上千位開發者

489
4

上百萬開發者

152
5

🚫 無(只有我自己)

4,071
0%
10%
20%
30%
40%
50%
% 問題回應者

HTML/CSS 和 JavaScript/TypeScript 平衡

如何分配撰寫 HTML/CSS 和 JavaScript(或 TypeScript)程式碼的時間?
0%
6%
12%
18%
24%
30%
1

100% HTML/CSS

154
2

1

599
3

2

1,141
4

3

958
5

50%–50%

2,073
6

5

1,663
7

6

3,759
8

7

2,025
9

100% JS

189
0%
6%
12%
18%
24%
30%
% 問題回應者

HTML 使用

使用 HTML 做什麼?
0%
17%
35%
52%
69%
86%
1

Web 應用程式

10,843
2

部落格,或其他充滿文字的網站

6,976
3

行銷網站和登陸頁面

6,250
4

設計系統

4,727
5

電子郵件

4,291
6

手機應用程式

2,698
7

Desktop apps

2,610
8

印出來的文件

1,878
9

Unmatched Answers

234
0%
17%
35%
52%
69%
86%
% 問題回應者

Industry Sector

0%
7%
14%
21%
28%
35%
1

程式與技術工具

4,158
2

顧問與服務

2,275
3

電子商務與零售

2,059
4

教育

1,667
5

行銷/業務/分析工具

1,356
6

金融

1,328
7

娛樂

1,155
8

新聞、媒體與部落格

998
9

醫療照護

945
10

政府

819
0%
7%
14%
21%
28%
35%
% 問題回應者
💡
科學研究顯示,透過 Twitter、Facebook 或 email 分享本研究調查,最高可以讓 JavaScript 功力增加 15%。

推薦資源

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
感謝贊助我們的伙伴! 深入瞭解。