跳到主要內容

HTML 新標籤 details & dialog

這兩種新元素都算是已經廣泛被需求的原件,然後現在有了HTML的原生支持
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

目前這兩項都找的到pollyfill
可以在需要用時讓沒跟上新規格的瀏覽器也能用
例如那個號稱新瀏覽器但是進度落後非常多的Edge

details 需要搭配 summary tag,可以做出 toggle 觸發區塊的顯示/隱藏
比起目前要達成同效果的實作會簡單些,也少寫了一些 code

dialog大家很熟就不多講了


可以預期隨著 PWA 的發展趨勢,這兩項未來都會被廣泛運用吧
Web app 的效能瓶頸跟支援性的問題得到解決的日期可能不太遠了
Web 開發者也能跟著期待未來 Web 會引入更多這類在 Native app 上的需求到 Web 標準裡

留言