ข้ามไปยังเนื้อหา

State of HTML 2023

การใช้งาน

วิธีการที่คุณใช้ HTML

การทำงานร่วมกันของเบราว์เซอร์

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%
% ของผู้ตอบคำถาม
1,930
9%
ฟีเจอร์ HTML หรือ API ของเบราว์เซอร์ใดบ้างที่คุณไม่สามารถใช้ได้เนื่องจากความแตกต่างระหว่างเบราว์เซอร์หรือการขาดการรองรับ?
แบบอิสระ

ฟีเจอร์ที่มีการทำงานจำกัด

ฟีเจอร์ HTML ปัจจุบันที่คุณต้องสร้างใหม่อยู่ดีหรือปรับปรุงด้วย 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%
% ของผู้ตอบคำถาม
1,166
6%
ฟีเจอร์ HTML หรือ API ของเบราว์เซอร์ใดบ้างที่คุณไม่สามารถใช้งานได้ด้วยเหตุผลอื่น (และทำไม)?
แบบอิสระ

Element ที่ขาดหายไป

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

Data table

6,400
2

Tabs

4,681
3

Switch / Toggle

3,700
4

Skeleton UI / Loading Placeholder

3,621
5

Context Menu / Right-Click Menu

3,578
6

Carousel

3,147
7

Infinite Scroll

3,096
8

Accordion

2,370
9

Image Zoom

1,460
10

Segmented Button

793
0%
11%
21%
32%
43%
53%
% ของผู้ตอบคำถาม
12,038
58%
ถ้าคุณสามารถเพิ่ม Element 3 อย่างใน HTML ได้ คุณจะเลือกอะไร?

ผลกระทบต่อระบบนิเวศ

รวมทั้งหมด หากคุณทำงานในหลายโปรเจกต์ที่ใช้โดยนักพัฒนาคนอื่น หากคุณไม่แน่ใจ ให้เลือกค่าที่ใกล้เคียงกับการประมาณการที่ดีที่สุดของคุณ สำหรับโค้ดโอเพ่นซอร์ส ยอดดาวน์โหลดจาก npm อาจช่วยเป็นตัวชี้วัดได้

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

นักพัฒนาคนอื่นไม่กี่คน (เช่น นักพัฒนาภายในทีมขนาดเล็ก)

6,217
2

น้อยกว่าพันคน

1,447
3

หลายพันคน

489
4

หลายล้านคน

152
5

🚫 ไม่มี (มีแค่ฉันเท่านั้น)

4,071
0%
10%
20%
30%
40%
50%
% ของผู้ตอบคำถาม
12,376
59%
นอกจากตัวคุณเองแล้ว มีนักพัฒนาอีกกี่คนที่ใช้ไลบรารี แพ็คเกจ คอมโพเนนต์ API ฯลฯ ที่คุณสร้างหรือดูแล?

สมดุลระหว่าง HTML/CSS และ 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%
% ของผู้ตอบคำถาม
12,561
60%
4.8
5
คุณแบ่งเวลาของคุณอย่างไรระหว่างการเขียนโค้ด HTML/CSS และ JavaScript (หรือ TypeScript)?

การใช้งาน HTML

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

Web apps

10,843
2

Blogs or other text-heavy sites

6,976
3

Marketing sites & landing pages

6,250
4

Design systems

4,727
5

Emails

4,291
6

Mobile apps

2,698
7

Desktop apps

2,610
8

Printed documents

1,878
9

E-Commerce sites

10

Video games

11

Browser Extensions

12

🚫 ไม่มี

58
13

คำตอบอื่นๆ

316
0%
17%
35%
52%
69%
86%
% ของผู้ตอบคำถาม
12,553
60%
คุณใช้ HTML เพื่อทำอะไรบ้าง?

ภาคอุตสาหกรรม

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

การเขียนโปรแกรมและเครื่องมือทางเทคนิค

4,158
2

การปรึกษาและบริการ

2,275
3

อีคอมเมิร์ซและค้าปลีก

2,059
4

การศึกษา

1,667
5

เครื่องมือด้านการตลาด/การขาย/การวิเคราะห์

1,356
6

การเงิน

1,328
7

บันเทิง

1,155
8

ข่าว, สื่อ, และการบล็อก

998
9

บริการสุขภาพ

945
10

รัฐบาล

819
0%
7%
14%
21%
28%
35%
% ของผู้ตอบคำถาม
11,758
56%
คุณทำงานในอุตสาหกรรมใดบ้าง?
💡
การแชร์ผลการสำรวจนี้บน Twitter, Facebook หรือทางอีเมลพิสูจน์ได้ในเชิงวิทยาศาสตร์ว่าสามารถปรับปรุงประสิทธิภาพการเขียนโค้ดของคุณได้สูงถึง 15%

แหล่งข้อมูลที่แนะนำ

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม