HTML 的新能力
摘要
文章重点介绍了新的 HTML 特性,如 <dialog>、弹出框(popovers)和分组 <details>,这些特性无需 JavaScript 即可实现动态功能,展示了 Web 标准和浏览器兼容性的进步。
<p><a href="https://lobste.rs/s/5gcd3t/html_can_do">评论</a></p>
查看缓存全文
缓存时间: 2026/08/19 12:30
瞧,妈妈!不用 JavaScript!
和上面的 <dialog> 一样:无需 JavaScript,仅靠 HTML 属性就能实现!
打开第二个弹窗,然后观察它如何自动关闭。
现在第一个已经被隐藏了。
show-popover 属性用于开启,hide-popover 属性用于关闭!
哟哈!你找到我啦!
相似文章
Canvas 中的 HTML 演示
来自 Chrome DevRel 团队的 CSS 和 Web UI 演示合集,包括 Canvas 中的 HTML 演示。
作为陷阱的<noscript>元素
本文讨论了<noscript>HTML元素的局限性:它仅在JavaScript完全禁用时提供后备内容,而不会在JavaScript因其他原因失败时提供。文章建议改用DOM API动态更新内容。
关于 <dl>
Ben Meyer 的一篇博客文章分享了一些关于 HTML <dl> 元素的新鲜知识,包括多个 <dd> 可以跟在同一个 <dt> 后面、可以在 <div> 内分组、ARIA 标注,以及自 2008 年起它们就被称为“描述列表”。
Show HN: GolemUI – JavaScript表单的新范式
GolemUI 是一个声明式表单引擎,通过 JSON 模式定义表单,开箱即用地支持无障碍访问、国际化(i18n)和多框架。
简单HTML的超凡有效性
一篇博文,论证了简单HTML对于普遍可访问性的持续重要性,并通过一位女性使用PSP浏览器访问政府服务的故事加以说明。