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

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

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

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

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

6,400
2

Вкладки

4,681
3

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

3,700
4

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

3,621
5

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

3,578
6

Карусель

3,147
7

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

3,096
8

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

2,370
9

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

1,460
10

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

793
0%
11%
21%
32%
43%
53%
% від тих, хто відповів на питання
12,038
58%
Якби ви могли додати 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 і JS/TS

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

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

10,843
2

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

6,976
3

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

6,250
4

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

4,727
5

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

4,291
6

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

2,698
7

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

2,610
8

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

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