HTML Can Do That. դինամիկ հնարավորություններ, որոնց JavaScript այլևս պետք չէ

HTML-ը կլանել է այն աշխատանքի զգալի մասը, որ նախկինում JavaScript-ինն էր, և ծրագրավորող Քրիս Բերնելի էջը վկայությունները հավաքում է մեկ տեղում։ «HTML Can Do That»-ը թվարկում է զննարկիչային հնարավորություններ, որոնք դինամիկ վարքագիծ են ապահովում միայն մակնշմամբ. յուրաքանչյուրին կցվում է ցուցադրություն և աջակցության տվյալների հղում։

Ինչ է ցույց տալիս էջը

Ցանկում են popover ատրիբուտը, որը տարրին տալիս է արտաքին սեղմումով փակվելու, Escape-ով փակվելու և վերին շերտում տեղադրվելու հնարավորություն՝ առանց z-index-ի հետ աշխատելու. dialog տարրը մոդալ պատուհանների համար, որը կարելի է կառավարել անմիջապես HTML-ից popovertarget-ի և form method="dialog"-ի միջոցով. և խմբավորված details տարրերը, որտեղ ընդհանուր name ատրիբուտը մի քանի բացվող բլոկ դարձնում է բացառիկ ակորդեոն։ Invoker հրահանգները (command և commandfor) թույլ են տալիս առանձին կոճակներին առանց սկրիպտի կառավարել մեկ popover։ Պատկերները հետաձգում են բեռնումը loading="lazy"-ով, իսկ hidden="until-found"-ը թաքցնում է բլոկ, որը զննարկիչը բացահայտում է, երբ դրան մատնանշում է հատվածային հղումը։

Անկեղծ զգուշացումներ

Բերնելը ուղղակիորեն ասում է, որ զննարկիչներում իրականացումները հավասար չեն։ Ներկառուցված ձևային տարրերը՝ գույնի, ամսաթվի և տիրույթի ընտրիչները, meter-ը և progress-ը, զննարկիչների միջև լռելյայն ոճով խիստ տարբերվում են և կարող են վատ լինել հասանելիության տեսանկյունից, ուստի նա խորհուրդ է տալիս զգույշ լինել։ datalist-ի աջակցությունը, որը ներկառուցված ինքնալրացում է առաջարկում առանց գրադարանի, տարբեր դաշտերի տեսակների վրա «դեռ բավականին անհավասար է», և հեղինակը ընթերցողներին ուղղորդում է Ադրիան Ռոզելիի գրություններին։ until-found ատրիբուտն աշխատում է զննարկիչի սեփական որոնման հետ, իսկ էկրանի ընթերցիչի որոնման հետ՝ ոչ։

Ինչու է կարևոր

Էջը ստեղծվել է մեկ ժամում HTML Day 2026-ի ընթացքում և հետագայում խմբագրվել՝ նշելու, թե որտեղ են իրականացումները թերի. հեղինակի նշումով՝ այսպես կառուցված ամեն ինչ պետք է լինի «հնարավորինս հասանելի»։ Մշակողների համար գործնական եզրակացությունը JavaScript-ի ավելի փոքր մակերեսն է. ավելի քիչ վիճակ՝ շերտերի, ակորդեոնների, դիալոգների և ծույլ մեդիայի համար, եթե, իհարկե, նոր հնարավորությունների հասանելիության զիջումները ստուգվեն, այլ ոչ թե ենթադրվեն։