‏HTML وسط ۲۰۲۶: المنت‌هایی که شاید ندیده باشی

تو یه مرور از وضعیت HTML وسط سال ۲۰۲۶، نویسنده سراغ چیزهایی رفته که ممکنه از زیر دستت در رفته باشن. سرفصل اولش المنت‌های مخصوص گرفتن مجوزه: آزمایش المنت عمومی permission تعطیل شده و به‌جاش المنت‌های اختصاصی‌تری مثل geolocation و usermedia اومدن؛ هرکدوم یه دکمهٔ معنادار برای یه اجازهٔ مشخصه.

به گفتهٔ نویسنده خبر اصلی خودِ این المنت‌ها نیست، «recovery» ـه: تا حالا اگه یه‌بار به سایتی می‌گفتی نه، برای عوض کردن نظرت باید تو تنظیمات مرورگر می‌گشتی. با این دکمه‌ها کافیه دوباره کلیک کنی تا دوباره ازت پرسیده بشه. سیسکو گزارش کرده کاربرهایی که اول رد کرده بودن، با پرامپت‌های قدیمی فقط حدود ۱۰٪ آخرش اجازه می‌دادن، ولی با المنت جدید این عدد به بالای ۶۵٪ رسیده.

<geolocation onlocation="handleLocation(event)">
  <button onclick="handleLocationFallback(event)" autolocate>
    Use location
  </button>
</geolocation>

شکل کارش هم ساده‌ست: المنت geolocation یه دکمهٔ تخصصیه که کلیک روش رویداد موقعیت مکانی رو می‌گیره. مرورگرهایی که پشتیبانی نمی‌کنن اون رو مثل یه span بی‌خاصیت می‌بینن و همون button داخلش کار قدیمی رو انجام می‌ده، پس عملاً یه progressive enhancement ـه. usermedia هم همین کارو برای دوربین و میکروفن می‌کنه و خودش MediaStream رو تحویل اپ می‌ده؛ نسخه‌های camera و microphone هم تو راهن.

بقیهٔ لیست هم خوندنیه: المنت install که نصب وب‌اپ رو از دست entry point‌های هر مرورگر درمیاره، select قابل استایل‌دهی که با appearance: base-select فعال می‌شه و حالا سافاری هم پشتیبانیش می‌کنه، رجیستری اسکوپ‌شدهٔ کاستوم المنت‌ها برای وقتی دو نسخهٔ هم‌نام از یه المنت تو یه صفحه‌ان، Declarative Shadow DOM یعنی شدو دام بدون جاوااسکریپت، و reference target برای وصل کردن یه label بیرونی به input داخل شدو دام.

هیجان‌انگیزترین مورد از نگاه نویسنده HTML-in-Canvas ـه: با اتریبیوت layoutsubtree و کمی کد راه‌اندازی می‌شه محتوای واقعی و تعاملی HTML رو روی canvas کشید. کنارش declarative partial updates هم داره جون می‌گیره که شاید بالاخره یه include بومی و استریم‌شدنی برای HTML بیاره. حواست باشه بیشتر این‌ها فعلاً کروم‌محورن و بعضی‌هاشون هنوز پشت فلگ هستن.

نکات کلیدی:

• المنت عمومی permission کنار رفته و جاش geolocation و usermedia اومدن؛ camera و microphone هم تو راهن
• طبق دادهٔ سیسکو، نرخ موفقیت گرفتن اجازه بعد از یه «نه» از حدود ۱۰٪ به بالای ۶۵٪ رسیده
• استایل‌دهی کامل به select با appearance: base-select فعال می‌شه و حالا سافاری هم پشتیبانی داره
• Declarative Shadow DOM شدو دام رو بدون جاوااسکریپت می‌سازه، بیشتر برای خروجی build و SSR
• HTML-in-Canvas با اتریبیوت layoutsubtree محتوای تعاملی HTML رو روی canvas می‌ندازه