メインコンテンツにスキップ

使用状況

ブラウザ間相互運用性

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.

ブラウザ間の違いやサポート不足のために使用できない既存のHTML機能やブラウザAPIはありますか?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
1

2

+18
3

4

-2
5

+3
6

Safari issues

7

<select>

8

<input type="date">

-3
9

+4
10

Customized built-in elements

+6
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

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.

その他の理由で使用できない既存のHTML機能やブラウザAPIはありますか?(理由も含めて)
Freeform
Multiple
0%
20%
40%
60%
80%
100%
1

<select>

+2
2

<input type="date">

-1
3

-1
4

+3
5

+1
6

+6
7

<select multiple>

+1
8

+2
9

Form inputs

-5
10

Autocomplete

+3
11

Dropdown menus

-2
12

<input type="checkbox">

-7
13

Other Answers

+8
Answers matching “Other Answers” 260
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

欠けている要素

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.

HTMLに新しい要素を追加できるとしたら、どのような要素が欲しいですか?
Multiple
0%
20%
40%
60%
80%
100%
1

データテーブル

1,797
2

タブ

1,419
3

スイッチ/トグル

1,113
4

スケルトンUI/ローディングプレースホルダー

977
5

コンテキストメニュー/右クリックメニュー

953
6

カルーセル

917
7

無限スクロール

844
8

アコーディオン

563
9

画像ズーム

438
10

セグメント化ボタン

267
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

HTML/CSS vs JS/TSバランス

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.

HTML/CSSとJavaScript (またはTypeScript) コードを記述する時間の割合はどのくらいですか?
0%
20%
40%
60%
80%
100%
1

100% HTML/CSS

46
2

1

260
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%
20%
40%
60%
80%
100%
回答数に占める割合(%)

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.

HTMLを何のために使用していますか?
Multiple
0%
20%
40%
60%
80%
100%
1

ウェブアプリ

3,030
2

ブログやそのほかのテキスト中心なサイト

2,047
3

マーケティングサイト・ランディングページ

1,700
4

デザインシステム

1,390
5

メール

1,038
6

Desktop apps

+1
767
7

モバイルアプリ

-1
705
8

印刷物

493
9

E-Commerce sites

10

🚫 該当なし

+2
10
11

Other Answers

+2
92
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

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.

どの業界で働いていますか?
Multiple
0%
20%
40%
60%
80%
100%
1

プログラミング・技術ツール

1,162
2

コンサルティング・サービス業

838
3

Eコマース・小売

588
4

教育

474
5

金融

+1
395
6

マーケティング・営業・アナリティクス

-1
342
7

エンターテインメント

300
8

ニュース・メディア・ブログ

281
9

医療

230
10

政府系

225
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)
💡
このアンケートをTwitterやFacebook、メールで共有すると、コーディングのパフォーマンスが15%向上します。これは科学的に証明されています。

おすすめのリソース

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
パートナーのサポートに感謝しています! 詳細をみる。