Lompat menuju konten

State of HTML 2023

Pemakaian

Bagaimana anda menggunakan HTML.

Kecocokan Antar Browser

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

Fungsionalitas Yang Terbatas

Fitur-fitur HTML yang anda harus buat ulang atau tambahkan menggunakan JS.

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%
% dari pertanyaan responden
1,166
6%
Fitur-fitur HTML atau API browser manakah yang tidak bisa anda pakai karena alasan lain (dan kenapa)?
(Pertanyaan bebas)

Elemen Yang Hilang

0%
11%
21%
32%
43%
53%
1

Data table

6,400
2

Tab

4,681
3

Switch / Toggle

3,700
4

Skeleton UI / Pengganti Sementara Saat Memuat

3,621
5

Menu Konteks / Menu Klik-kanan

3,578
6

Karousel

3,147
7

Pengguliran tak terbatas

3,096
8

Akordion

2,370
9

Pembesaran Gambar

1,460
10

Tombol Terpecah

793
0%
11%
21%
32%
43%
53%
% dari pertanyaan responden
12,038
58%
Jika anda dapat menambahkan 3 elemen ke dalam HTML, apa saja kah?

Dampak Terhadap Ekosistem

Secara total, jika anda mengerjakan beberapa proyek yang digunakan oleh para pengembang. Jika anda tidak yakin, ambil yang terdekat dengan perkiraan anda. Untuk kode sumber terbuka, jumlah unduhan npm dapat memberikan poin data yang berguna.

0%
10%
20%
30%
40%
50%
1

Beberapa pengembang lainnya (misalnya pengembang dalam sebuah tim kecil)

6,217
2

Kurang dari seribu pengembang

1,447
3

Ribuan pengembang

489
4

Jutaan pengembang

152
5

🚫 Tidak ada (Hanya saya)

4,071
0%
10%
20%
30%
40%
50%
% dari pertanyaan responden
12,376
59%
Selain diri anda sendiri, seberapa banyak pengembang yang menggunakan library, package, komponen, API dll. yang anda buat atau kelola?

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

Penggunaan HTML

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

Aplikasi web

10,843
2

Blog atau situs berorientasi teks lainnya

6,976
3

Situs web pemasaran & halaman awal

6,250
4

Sistem desain

4,727
5

Email

4,291
6

Aplikasi mobile

2,698
7

Aplikasi desktop

2,610
8

Dokumen cetak

1,878
9

E-Commerce sites

10

Video games

11

Browser Extensions

12

Tidak ada

58
13

Lainnya

316
0%
17%
35%
52%
69%
86%
% dari pertanyaan responden
12,553
60%
Untuk apa anda menggunakan HTML?

Sektor Industri

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

Pemrograman & Peralatan Teknis

4,158
2

Konsultan & Jasa

2,275
3

Toko Online & Ritel

2,059
4

Edukasi

1,667
5

Pemasaran/Penjualan/Alat Analisa

1,356
6

Keuangan

1,328
7

Dunia Hiburan

1,155
8

Berita, Media Massa, & Menulis Blog

998
9

Kesehatan

945
10

Pemerintahan

819
0%
7%
14%
21%
28%
35%
% dari pertanyaan responden
11,758
56%
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.