ΠΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Google, Mozilla, Apple, Microsoft, Bocoup ΠΈ Igalia ΡΠΊΠΎΠΎΠΏΠ΅ΡΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ Π΄Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ web-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ ΠΈ ΡΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ ΡΠ°Π±ΠΎΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π²Π»ΠΈΡΡΡΠΈΡ Π½Π° Π²Π½Π΅ΡΠ½ΠΈΡ Π²ΠΈΠ΄ ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠΎΠ² ΠΈ web-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ΅Π»ΡΡ ΠΈΠ½ΠΈΡΠΈΠ°ΡΠΈΠ²Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ³ΠΎ Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π° ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ², Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ, — web-ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠ΅Π»ΠΎΡΡΠ½ΠΎΠΉ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ΄Π΅Π»ΡΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ web-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π° Π½Π΅ ΠΏΠΎΠΈΡΠΊΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠ±Ρ ΠΎΠ΄Π° ΡΠ΅Ρ ΠΈΠ»ΠΈ ΠΈΠ½ΡΡ Π½Π΅ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠ΅ΠΉ ΠΌΠ΅ΠΆΠ΄Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ.
Π ΡΠ°ΠΌΠΊΠ°Ρ ΠΈΠ½ΠΈΡΠΈΠ°ΡΠΈΠ²Ρ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½ Π½ΠΎΠ²ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² — Interop 2022, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΠΊΠ»ΡΡΠ°Π΅Ρ 18 ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ², ΠΎΡΠ΅Π½ΠΈΠ²Π°ΡΡΠΈΡ ΡΡΠΎΠ²Π΅Π½Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π·Π²ΠΈΠ²Π°Π΅ΠΌΡΡ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ web-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. Π‘ΡΠ΅Π΄ΠΈ ΠΎΡΠ΅Π½ΠΈΠ²Π°Π΅ΠΌΡΡ ΡΠ΅ΡΡΠ°ΠΌΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ: ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ»ΠΎΠΈ CSS, ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° (color-mix, color-contrast), CSS-ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ contain (CSS Containment), ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΡΡ ΠΎΠΊΠΎΠ½ (<dialog>), web-ΡΠΎΡΠΌΡ, ΠΏΡΠΎΠΊΡΡΡΠΊΠ° (scroll snap, scroll-behavior, overscroll-behavior ), ΡΡΠ΅Π΄ΡΡΠ²Π° ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ (font-variant-alternates, font-variant-position), ΡΠ°Π±ΠΎΡΠ° Ρ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ°ΠΌΠΈ (ic), API Web Compat, Flexbox, CSS Grid (subgrid), CSS-ΡΡΠ°Π½ΡΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈ Π»ΠΈΠΏΠΊΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ (CSS position:sticky).
Π’Π΅ΡΡΡ ΡΠΎΡΡΠ°Π²Π»Π΅Π½Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΎΡΠ·ΡΠ²ΠΎΠ² web-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΈ ΠΆΠ°Π»ΠΎΠ± ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π½Π° ΡΠ°ΡΡ ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ Π² ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ². ΠΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠ°Π·Π΄Π΅Π»Π΅Π½Ρ Π½Π° Π΄Π²Π΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ — ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈΠ»ΠΈ Π½Π΅Π΄ΠΎΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ web-ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ² (15 ΡΠ΅ΡΡΠΎΠ²) ΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π½Π΅ΡΡΠ½ΠΎΡΡΡΠΌΠΈ ΠΈΠ»ΠΈ Π½Π΅ ΠΈΡΡΠ΅ΡΠΏΡΠ²Π°ΡΡΠΈΠΌΠΈ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡΠΌΠΈ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΡ (3 ΡΠ΅ΡΡΠ°). Π ΡΠΈΡΠ»Π΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Π²ΡΠΎΡΠΎΠΉ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΎΡΠΌΠ΅ΡΠ°ΡΡΡΡ Π½Π΅Π΄ΠΎΡΠ°Π±ΠΎΡΠΊΠΈ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΡ , ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° (contentEditable), execCommand, ΡΠΎΠ±ΡΡΠΈΡΠΌΠΈ ΠΌΡΡΠΈ ΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ, Π΅Π΄ΠΈΠ½ΠΈΡΠ°ΠΌΠΈ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ (lv*, sv* ΠΈ dv* Π΄Π»Ρ Π½Π°ΠΈΠ±ΠΎΠ»ΡΡΠΈΡ , Π½Π°ΠΈΠΌΠ΅Π½ΡΡΠΈΡ ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Viewport).
Π ΡΠ°ΠΌΠΊΠ°Ρ
ΠΏΡΠΎΠ΅ΠΊΡΠ° ΡΠ°ΠΊΠΆΠ΅ Π·Π°ΠΏΡΡΠ΅Π½Π° ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° Π΄Π»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΡ
ΠΈ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΡΡ
Π²ΡΠΏΡΡΠΊΠΎΠ² Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² Chrome, Edge, Firefox ΠΈ Safari. ΠΠ°ΠΈΠ»ΡΡΡΠΈΠΉ ΠΏΡΠΎΠ³ΡΠ΅ΡΡ ΡΡΡΡΠ°Π½Π΅Π½ΠΈΡ Π½Π΅ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠ΅ΠΉ ΠΏΠΎΠΊΠ°Π·Π°Π» Firefox, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°Π±ΡΠ°Π» 69% Π΄Π»Ρ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΠΎΠΉ Π²Π΅ΡΠΊΠΈ ΠΈ 74% Π΄Π»Ρ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΠΎΠΉ. ΠΠ»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Chrome Π½Π°Π±ΡΠ°Π» 61% ΠΈ 71%, Π° Safari — 50% ΠΈ 73%.
ΠΡΡΠΎΡΠ½ΠΈΠΊ: opennet.ru