跳至內容

使用狀況

你的 HTML 使用狀況。

瀏覽器互通性

There are few things more frustrating than knowing a new browser API would solve your problem perfectly, but that you can't use it because of poor support.

Thankfully, with initiatives like Interop one can hope that the Popover API and Anchor Positioning soon join the ranks of the features we all use without giving it a second thought.

0%
17%
33%
50%
67%
83%
1

2

3

4

5

6

Safari issues

7

<select>

8

<input type="date">

9

10

Customized built-in elements

0%
17%
33%
50%
67%
83%
% 問題回應者
由於瀏覽器差異或缺乏支援,你無法使用哪些現有 HTML 功能或瀏覽器 API?
(自由填答問題)

有限的功能

While poor browser support is certainly a problem, even well-supported features can see lower usage if they are hard to customize to developer needs, or just plain hard to master.

0%
17%
35%
52%
69%
86%
1

<select>

2

<input type="date">

3

4

5

6

7

<select multiple>

8

9

Form inputs

10

Autocomplete

11

Dropdown menus

12

<input type="checkbox">

13

Other Answers

Answers matching “Other Answers” 260
0%
17%
35%
52%
69%
86%
% 問題回應者
是否有哪些現有的 HTML 功能或瀏覽器 API 因為其他問題而無法使用?
(自由填答問題)

缺乏元素

It might seem weird that omnipresent UI controls such as tabs or datatables still don't have a corresponding native HTML element.

But getting these complex behaviors right while accounting for all edge cases takes time, so for now all we can do is wait and hope these elements make their way to the browser one day.

0%
10%
20%
31%
41%
51%
1

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

1,798
2

Tabs

1,419
3

Switch / Toggle

1,114
4

Skeleton UI / Loading Placeholder

977
5

Context Menu / Right-Click Menu

953
6

Carousel

917
7

Infinite Scroll

844
8

Accordion

563
9

Image Zoom

439
10

Segmented Button

267
0%
10%
20%
31%
41%
51%
% 問題回應者
如果你可以加入 3 個元素到 HTML 中,它們會是什麼?

HTML/CSS 和 JavaScript/TypeScript 平衡

We still spend far more time writing JavaScript (or TypeScript) than anything else. While there's nothing wrong with that, the web platform as a whole's ongoing progress will hopefully help balance things out a bit in the near future.

0%
6%
12%
18%
24%
30%
1

100% HTML/CSS

46
2

1

261
3

2

368
4

3

273
5

50%–50%

617
6

5

494
7

6

1,118
8

7

470
9

100% JS

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

HTML 使用

While “classic” use cases like blogs or homepages still represent a sizable part of the modern web developer's workload, the largest chunk by far is now web apps – which in turn explains why the web platform has been adapting to this new state of things.

0%
17%
33%
50%
67%
84%
1

Web 應用程式

3,031
2

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

2,048
3

行銷網站和登陸頁面

1,701
4

設計系統

1,390
5

電子郵件

1,038
6

Desktop apps

767
7

手機應用程式

705
8

印出來的文件

493
9

E-Commerce sites

10

🚫 None

10
11

Other Answers

92
0%
17%
33%
50%
67%
84%
% 問題回應者
使用 HTML 做什麼?

Industry Sector

Programming & Technical Tools topped the rankings, which makes sense for a developer-focused survey.

It's also interesting to note that E-commerce came in third, as this is a sector that faces the double challenge of building highly performant sites that also need to feature complex user interactions.

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

程式與技術工具

1,162
2

顧問與服務

838
3

電子商務與零售

588
4

教育

474
5

金融

395
6

行銷/業務/分析工具

342
7

娛樂

300
8

新聞、媒體與部落格

281
9

醫療照護

230
10

政府

225
0%
7%
14%
21%
28%
35%
% 問題回應者
Which industry sector(s) do you work in?
💡
科學研究顯示,透過 Twitter、Facebook 或 email 分享本研究調查,最高可以讓 JavaScript 功力增加 15%。

推薦資源

Frontend Masters

Frontend Masters

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