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

การใช้งาน

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

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

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

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

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

คำตอบอื่นๆ

คำตอบที่ตรงกับ “คำตอบอื่นๆ” 260
0%
17%
35%
52%
69%
86%
% ของผู้ตอบคำถาม
ฟีเจอร์ HTML หรือ API ของเบราว์เซอร์ใดบ้างที่คุณไม่สามารถใช้งานได้ด้วยเหตุผลอื่น (และทำไม)?
แบบอิสระ

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

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

Tabs

1,419
3

Switch / Toggle

1,114
4

Skeleton UI / Loading Placeholder

977
5

Context Menu / Right-Click Menu

953
6

Carousel

917
7

Infinite Scroll

844
8

Accordion

563
9

Image Zoom

439
10

Segmented Button

267
0%
10%
20%
31%
41%
51%
% ของผู้ตอบคำถาม
ถ้าคุณสามารถเพิ่ม Element 3 อย่างใน HTML ได้ คุณจะเลือกอะไร?

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

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

Web apps

3,031
2

Blogs or other text-heavy sites

2,048
3

Marketing sites & landing pages

1,701
4

Design systems

1,390
5

Emails

1,038
6

Desktop apps

767
7

Mobile apps

705
8

Printed documents

493
9

E-Commerce sites

10

🚫 ไม่มี

10
11

คำตอบอื่นๆ

92
0%
17%
33%
50%
67%
84%
% ของผู้ตอบคำถาม
คุณใช้ HTML เพื่อทำอะไรบ้าง?

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

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

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

1,162
2

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

838
3

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

588
4

การศึกษา

474
5

การเงิน

395
6

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

342
7

บันเทิง

300
8

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

281
9

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

230
10

รัฐบาล

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

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

Frontend Masters

Frontend Masters

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