跳至內容

State of HTML 2023

內容

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

Group by:

Sort by:

1

57.9%
30.3%
11.5%
14,557
2

53.2%
30.7%
15.8%
14,527
3

41.3%
29.4%
29%
14,462
4

39.8%
25.7%
34.2%
14,471
5

14.3%
19.1%
66.3%
14,407
6

10.5%
25.1%
64.1%
14,456
7

3.4%
16.6%
79.8%
14,439
8

14.8%
84.3%
14,453

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:28%
“Positive” average:34%
“Negative” average:5%

外部內容元素

0%
19%
38%
58%
77%
96%
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

🚫 None

66
0%
19%
38%
58%
77%
96%
% 問題回應者
14,513
69%
你使用過下列哪些元素？

安全性 & 隱私功能

0%
12%
24%
36%
49%
61%
1

8,318
2

6,049
3

4,649
4

2,773
5

2,718
6

2,695
7

🚫 None

3,144
0%
12%
24%
36%
49%
61%
% 問題回應者
13,677
65%
使用過以下哪些安全性和隱私功能？

機器可讀資料

0%
8%
16%
25%
33%
41%
1

<time>

4,683
2

3,443
3

3,010
4

<data>

2,652
5

2,555
6

1,161
7

🚫 None

5,428
0%
8%
16%
25%
33%
41%
% 問題回應者
13,203
63%
使用下列哪一種方法在 HTML 中包含機器可讀的資料？

國際化功能

0%
16%
33%
49%
65%
81%
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

🚫 None

1,491
0%
16%
33%
49%
65%
81%
% 問題回應者
14,165
68%
使用過以下哪些國際化功能？

內容痛點

0%
20%
41%
61%
81%
101%
1

<svg>

2

<iframe>

3

Internationalization

4

Browser support

5

Image management

Answers matching “Image management” 125
6

Security & privacy

7

Styling & customization

8

Date management

9

Image management

10

Excessive complexity

11

Other Answers

Answers matching “Other Answers” 1,311
0%
20%
41%
61%
81%
101%
% 問題回應者
1,294
6%
在管理 HTML 內容有哪些痛點？
(自由填答問題)

推薦資源

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.
感謝贊助我們的伙伴！ 深入瞭解。