콘텐츠로 건너뛰기

Usage

How you use HTML.

Browser Interoperability

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.

Which existing HTML features or browser APIs are you unable to use because of browser differences or lack of support?
(자유 형식 질문)
[ko-KR] blocks.multiple
0%
20%
40%
60%
80%
100%
1

2

3

4

5

6

Safari issues

7

<select>

8

<input type="date">

9

10

Customized built-in elements

0%
20%
40%
60%
80%
100%
% of question respondents

Limited Functionality

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.

Which existing HTML features or browser APIs are you unable to use for other reasons (and why)?
(자유 형식 질문)
[ko-KR] blocks.multiple
0%
20%
40%
60%
80%
100%
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

Other Answers

Answers matching “Other Answers” 260
0%
20%
40%
60%
80%
100%
% of question respondents

Missing Elements

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.

If you could add 3 elements to HTML, what would they be?
[ko-KR] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Data table

1,797
2

Tabs

1,419
3

Switch / Toggle

1,113
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

438
10

Segmented Button

267
0%
20%
40%
60%
80%
100%
% of question respondents

HTML/CSS vs JS/TS Balance

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.

How do you divide your time between writing HTML/CSS and JavaScript (or TypeScript) code?
0%
20%
40%
60%
80%
100%
1

100% HTML/CSS

46
2

1

260
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%
20%
40%
60%
80%
100%
% of question respondents

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.

What do you use HTML for?
[ko-KR] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Web apps

3,030
2

Blogs or other text-heavy sites

2,047
3

Marketing sites & landing pages

1,700
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

Other Answers

92
0%
20%
40%
60%
80%
100%
% of question respondents

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.

어느 직종에서 일하고 있나요?
[ko-KR] blocks.multiple
0%
20%
40%
60%
80%
100%
1

프로그래밍 & 기술적 도구

1,162
2

컨설팅 & 서비스

838
3

전자상거래 & 소매업

588
4

교육

474
5

금융

395
6

마케팅/영업/분석 도구

342
7

엔터테인먼트

300
8

뉴스, 미디어 & 블로깅

281
9

의료

230
10

정부 관계자

225
0%
20%
40%
60%
80%
100%
% of question respondents
💡
트위터, 페이스북 또는 이메일로 이 설문 조사를 공유하면 자바스크립트 성능이 최대 15% 향상된 것으로 과학적으로 입증되었습니다.

추천하는 리소스

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.