跳至內容

State of HTML 2023

使用狀況

你的 HTML 使用狀況。

瀏覽器互通性

由於瀏覽器差異或缺乏支援，你無法使用哪些現有 HTML 功能或瀏覽器 API？
(自由填答問題)
0%
18%
35%
53%
70%
88%
1

2

3

4

5

<input type="date">

6

Safari issues

7

8

9

Firefox issues

10

0%
18%
35%
53%
70%
88%
% 問題回應者
1,930
9%

有限的功能

是否有哪些現有的 HTML 功能或瀏覽器 API 因為其他問題而無法使用？
(自由填答問題)
0%
17%
34%
51%
68%
85%
1

<input type="date">

2

3

<select>

4

Form inputs

5

<input type="checkbox">

6

7

8

<select multiple>

9

Dropdown menus

10

0%
17%
34%
51%
68%
85%
% 問題回應者
1,166
6%

缺乏元素

如果你可以加入 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
0%
11%
21%
32%
43%
53%
% 問題回應者
12,038
58%

生態系影響

除了你自己之外，還有多少開發人員使用你建立或維護的函式庫、套件、元件、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%
% 問題回應者
12,376
59%

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%
% 問題回應者
12,561
60%
4.8
5

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

E-Commerce sites

10

Video games

11

Browser Extensions

12

🚫 None

58
13

Other Answers

316
0%
17%
35%
52%
69%
86%
% 問題回應者
12,553
60%

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%
% 問題回應者
11,758
56%
💡
科學研究顯示，透過 Twitter、Facebook 或 email 分享本研究調查，最高可以讓 JavaScript 功力增加 15%。

推薦資源

Frontend Masters

Frontend Masters

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