
HTML Can Do That: artıq JavaScript tələb etməyən dinamik imkanlar
Chris Burnell-in səhifəsi müasir HTML-in təkbaşına təmin etdiyi dinamik davranışı toplayır: popover-lər, dialoqlar, akkordeonlar, tənbəl şəkillər — brauzer dəstəyi ilə bağlı açıq xəbərdarlıqlarla.
HTML bir vaxtlar JavaScript-ə məxsus olan işin böyük hissəsini mənimsəyib və tərtibatçı Chris Burnell-in səhifəsi bunun sübutlarını bir yerdə toplayır. "HTML Can Do That" dinamik davranışı yalnız nişanlama ilə təmin edən brauzer imkanlarını sadalayır; hər birinin yanında demo və dəstək məlumatlarına keçid var.
Səhifə nəyi nümayiş etdirir
Siyahıda xaricə kliklə bağlanma, Escape ilə bağlanma və z-index ilə əlləşmədən üst qatda yerləşmə verən popover atributu; popovertarget və form method="dialog" ilə birbaşa HTML-dən açılıb bağlanan dialog elementi; və ortaq name atributunun bir neçə açılan bloku eksklüziv akkordeona çevirdiyi qruplaşdırılmış details elementləri var. Invoker əmrləri (command və commandfor) ayrı düymələrə skript olmadan bir popover-i idarə etməyə imkan verir. Şəkillər loading="lazy" ilə yükləməni gecikdirir, hidden="until-found" isə fraqment keçidi ona işarə etdikdə brauzerin açdığı bloku gizlədir.
Açıq xəbərdarlıqlar
Burnell brauzer tətbiqlərinin bərabər olmadığını açıq deyir. Daxili form elementləri — rəng, tarix və aralıq seçiciləri, meter və progress — brauzerlər arasında susmaya görə üslubda kəskin fərqlənir və əlçatanlıq baxımından zəif ola bilər, ona görə ehtiyatlı olmağı məsləhət görür. Kitabxana olmadan daxili avtomatik tamamlama təklif edən datalist dəstəyi müxtəlif sahə növlərində "hələ də kifayət qədər qeyri-bərabərdir"; müəllif oxucuları Adrian Roselli-nin "az mühəndislənmiş" combobox-lar barədə yazılarına yönləndirir. until-found atributu isə brauzerin öz səhifədaxili axtarışı ilə işləyir, ekran oxuyucusunun axtarışı ilə yox.
Niyə vacibdir
Səhifə HTML Day 2026 zamanı bir saat ərzində hazırlanıb və sonradan tətbiqlərin harada zəif qaldığını qeyd etmək üçün redaktə olunub; müəllifin qeydinə görə, bu cür qurulan hər şey "bacardığınız qədər əlçatan" olmalıdır. Tərtibatçılar üçün praktik nəticə daha kiçik JavaScript səthidir: üst qatlar, akkordeonlar, dialoqlar və tənbəl media üçün idarə olunacaq daha az vəziyyət — yeni imkanların əlçatanlıq güzəştləri fərz edilməkdənsə yoxlanıldığı təqdirdə.
SiTech — AI ilə gücləndirilmiş veb hazırlanması
Sürətli və müasir saytlar qurur, AI-ı real biznes proseslərinə gətiririk. Layihəniz və ya sualınız var? Kömək etməyə hazırıq.