Перейти до вмісту

Використання

Як ви використовуєте 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 браузера ви не можете користуватися з інших причин (і чому)?
Довільна форма

Відсутні елементи

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

Таблиця для даних

1,798
2

Вкладки

1,419
3

Перемикач (Switch / Toggle)

1,114
4

Каркасний UI / Заповнювач під час завантаження

977
5

Контекстне меню / Меню, що викликається правою кнопкою

953
6

Карусель

917
7

Елемент нескінченного гортання

844
8

Eлемент "акордеон"

563
9

Масштабування зображення (Image Zoom)

439
10

Кнопка із сегментами

267
0%
10%
20%
31%
41%
51%
% від тих, хто відповів на питання
Якби ви могли додати 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)?

Використання HTML

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

Вебзастосунки

3,031
2

Блоги чи інші сайти з великою кількістю тексту

2,048
3

Сайти для продажу та сторінки-вітрини

1,701
4

Дизайн-системи

1,390
5

Електронні листи

1,038
6

Застосунки для настільних комп'ютерів

767
7

Застосунки для мобільних пристроїв

705
8

Документи для друку

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
Дякуємо нашим партнерам за підтримку! Детальніше.