Lompat menuju konten

Pemakaian

Bagaimana anda menggunakan HTML.

Kecocokan Antar Browser

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%
% dari pertanyaan responden
Fitur-fitur HTML atau API browser manakah yang tidak bisa anda pakai karena perbedaan antar browser atau kurangnya dukungan?
(Pertanyaan bebas)

Fungsionalitas Yang Terbatas

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

Lainnya

Jawaban yang cocok dengan “Lainnya” 260
0%
17%
35%
52%
69%
86%
% dari pertanyaan responden
Fitur-fitur HTML atau API browser manakah yang tidak bisa anda pakai karena alasan lain (dan kenapa)?
(Pertanyaan bebas)

Elemen Yang Hilang

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

Tab

1,419
3

Switch / Toggle

1,114
4

Skeleton UI / Pengganti Sementara Saat Memuat

977
5

Menu Konteks / Menu Klik-kanan

953
6

Karousel

917
7

Pengguliran tak terbatas

844
8

Akordion

563
9

Pembesaran Gambar

439
10

Tombol Terpecah

267
0%
10%
20%
31%
41%
51%
% dari pertanyaan responden
Jika anda dapat menambahkan 3 elemen ke dalam HTML, apa saja kah?

Keseimbangan HTML/CSS vs 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%
% dari pertanyaan responden
Bagaimana anda membagi waktu dalam menulis kode HTML/CSS dan JavaScript (atau TypeScript)?

Penggunaan 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

Aplikasi web

3,031
2

Blog atau situs berorientasi teks lainnya

2,048
3

Situs web pemasaran & halaman awal

1,701
4

Sistem desain

1,390
5

Email

1,038
6

Aplikasi desktop

767
7

Aplikasi mobile

705
8

Dokumen cetak

493
9

E-Commerce sites

10

Tidak ada

10
11

Lainnya

92
0%
17%
33%
50%
67%
84%
% dari pertanyaan responden
Untuk apa anda menggunakan HTML?

Sektor Industri

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

Pemrograman & Peralatan Teknis

1,162
2

Konsultan & Jasa

838
3

Toko Online & Ritel

588
4

Edukasi

474
5

Keuangan

395
6

Pemasaran/Penjualan/Alat Analisa

342
7

Dunia Hiburan

300
8

Berita, Media Massa, & Menulis Blog

281
9

Kesehatan

230
10

Pemerintahan

225
0%
7%
14%
21%
28%
35%
% dari pertanyaan responden
Anda sedang bekerja pada sektor industri apa?
💡
Dengan memagikan survei ini ke Twitter, Facebook, atau dengan email, terbukti secara ilmiah dapat meningkatkan kemampuan koding anda sebanyak 15%.

Rekomendasi Sumber

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.