Lompat menuju konten

State of HTML 2023

Konten

SVG implementations have been historically neglected by browsers, despite extremely high usage on the Web (96% of respondents having used the <svg> element). It is therefore no surprise that SVG issues were the top content-related pain point.

Content Experience & Sentiment

Kelompokkan berdasarkan:

Urutkan berdasarkan:

1

58%
30.4%
11.5%
14,557
2

53.4%
30.8%
15.8%
14,527
3

41.4%
29.5%
29.1%
14,462
4

39.9%
25.8%
34.3%
14,471
5

14.3%
19.1%
66.6%
14,407
6

10.5%
25.2%
64.3%
14,456
7

3.4%
16.6%
80%
14,439
8

14.8%
84.5%
14,453

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:28%
“Positive” average:34%
“Negative” average:5%

Elemen konten eksternal

0%
20%
40%
60%
80%
100%
1

13,953
2

13,279
3

11,866
4

11,447
5

9,349
6

9,124
7

5,564
8

1,198
9

Tidak ada

66
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
14,513
69%
Dari elemen-elemen berikut, yang mana sajakah yang pernah anda gunakan?

Fitur-fitur Keamanan & Privasi

0%
20%
40%
60%
80%
100%
1

8,318
2

6,049
3

4,649
4

2,773
5

2,718
6

2,695
7

Tidak ada

3,144
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
13,677
65%
Fitur-fitur keamanan & privasi yang mana sajakah yang pernah anda pakai?

Data Yang Dapat Dibaca Mesin

0%
20%
40%
60%
80%
100%
1

<time>

4,683
2

3,443
3

3,010
4

<data>

2,652
5

2,555
6

1,161
7

Tidak ada

5,428
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
13,203
63%
Dari yang berikut ini, yang mana saja kah yang pernah anda pakai untuk memasukkan data yang dapat dibaca mesin HTML?

Fitur internasionalisasi

0%
20%
40%
60%
80%
100%
1

lang attribute

11,516
2

7,152
3

5,276
4

dir attribute

4,670
5

1,421
6

1,141
7

1,079
8

793
9

727
10

<ruby> , <rp> , <rt> elements

543
11

320
12

302
13

Tidak ada

1,491
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
14,165
68%
Yang mana saja kah dari fitur-fitur internasionalisasi berikut yang pernah anda gunakan?

Titik Sakit Konten

Pikirkanlah embedding (multimedia, iframes, SVG, dll), data yang dapat dibaca mesin, internasionalisasi & lokalisasi, keamanan & privasi, performa dll. Fitur-fitur yang kurang, ketidakcocokan antar browser, dan masalah-masalah lain yang anda hadapi semua boleh disebutkan.

0%
20%
40%
60%
80%
100%
1

<svg>

2

<iframe>

3

Internationalization

4

Browser support

5

Security & privacy

6

Styling & customization

7

Date management

8

Image management

9

Image dimensions

10

srcset

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 1,412
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
1,294
6%
Apa saja titik sakit anda terkait dengan mengelola konten dalam HTML?
(Pertanyaan bebas)

Rekomendasi Sumber

SVG Essentials & Animation, v2
Sarah Drasner
Google

SVG Essentials & Animation, v2

Learn to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.