HTML 规范中移除的标题嵌套算法

2025-04-11
HTML 规范中移除的标题嵌套算法

HTML 规范过去曾定义一种大纲算法,该算法根据

元素嵌套在多少个分节元素(、、 和 )内来隐式地确定其语义标题级别。浏览器渲染的结果是,section > h1 的字体大小和边距与

相同,section > section > h1 则表示为

,以此类推。这种默认渲染方式在浏览器的 UA 样式表中实现,但在辅助功能树(屏幕阅读器使用)中并没有反映标题级别。网站开始使用分节元素,但并没有预料到会看到大纲算法自动生成的标题级别。总的来说,这造成了关于开发者可以在哪里使用

元素的混乱,工具对 HTML 的处理方式不同,并且大纲算法本身也被认为是有问题的。大纲算法已于 2022 年从 HTML 规范中移除,但 UA 样式表规则仍然保留。现在,浏览器厂商开始移除默认样式中的规则。

阅读更多
开发

全球隐私控制 (GPC) 或将终结网络追踪?

2025-03-16
全球隐私控制 (GPC) 或将终结网络追踪?

与之前的“请勿追踪”(DNT) 不同,全球隐私控制 (GPC) 信号获得了加州总检察长的支持,并试图与欧盟 GDPR 协调,这赋予了用户前所未有的控制权。DNT 因缺乏法律支持而效果不佳,而 GPC 则不同,它将用户的“请勿出售”请求传达给网站,迫使网站遵守。Mozilla Firefox、Brave 和 DuckDuckGo 等浏览器已支持 GPC,这预示着网络追踪的终结可能即将到来。

阅读更多
科技 GPC

Temporal API:日期和时间处理的革命性改进

2025-01-30
Temporal API:日期和时间处理的革命性改进

Temporal API 简化了 JavaScript 中日期和时间的处理。它支持多种日历系统(如中国农历),轻松转换时区,并提供直观的比较方法。例如,它可以计算出下一个中国农历新年,或者从 Unix 时间戳计算到未来的持续时间。虽然 `toLocaleString` 方法在不同浏览器实现上略有差异,但 Temporal API 提供了强大的日期和时间操作能力,是开发人员的福音。

阅读更多
开发 Temporal API

MDN学习资源全面升级:全新学习体验上线

2024-12-25
MDN学习资源全面升级:全新学习体验上线

MDN于2024年12月对“学习Web开发”板块进行了重大更新,将原先的MDN课程与学习内容整合,创建更流畅的学习路径。此次升级旨在解决原有结构臃肿、学习路径不明确等问题,为初学者提供更清晰、更易于理解的学习体验。新版网站采用模块化结构,包括“入门”、“核心”和“扩展”三个部分,并添加了清晰的学习目标和互动内容。未来,MDN将持续改进内容和设计,力求提供更优质的学习资源。

阅读更多

<dialog>:对话框元素

2024-12-07
<dialog>:对话框元素

HTML的元素用于创建模态或非模态对话框。模态对话框会中断与页面的其他部分的交互,而非模态对话框则允许与页面其他部分进行交互。可以使用JavaScript的.showModal()方法显示模态对话框,.show()方法显示非模态对话框,.close()方法或在提交内嵌的时使用dialog方法关闭对话框。文章还包含了关于属性、用法说明、无障碍访问和示例的详细信息,并解释了如何使用CSS的::backdrop伪元素来设置模态对话框背景的样式。

阅读更多
未分类 dialog 对话框

contain - CSS:层叠样式表 | MDN

2024-11-18
contain - CSS:层叠样式表 | MDN

CSS 的 contain 属性用于隔离元素及其内容,使其尽可能独立于文档树的其余部分。contain 属性可以提高性能,因为它限制了布局、样式、绘制、大小或任何组合的计算范围,使其仅限于 DOM 子树而不是整个页面。contain 还可以用于限定 CSS 计数器和引号的作用域。contain 的值可以是 none、strict、content、size、inline-size、layout、style、paint 或它们的组合。使用 contain 属性可以有效地隔离页面上的元素组,防止元素内部对边界框外部产生副作用。

阅读更多
未分类 contain

Origin 私有文件系统 - Web API

2024-11-14
Origin 私有文件系统 - Web API

Origin 私有文件系统 (OPFS) 是文件系统 API 的一部分,提供了一种私有的、高性能的存储端点,允许网页以字节级访问文件,无需用户可见或进行安全检查。与用户可见的文件系统相比,OPFS 速度更快,因为它不需要安全检查和权限授予,并且在 Web Workers 中提供同步 API 以避免阻塞主线程。访问 OPFS 需要调用 `navigator.storage.getDirectory()` 方法,返回一个代表 OPFS 根目录的 `FileSystemDirectoryHandle` 对象。可以通过异步 API 或 Web Workers 中的同步 API 来操作文件和目录。

阅读更多
未分类 OPFS

Web Locks API

2024-11-10
Web Locks API

Web Locks API 允许在同一标签页或工作线程中运行的脚本异步获取锁,并在工作执行期间持有该锁,然后释放它。 获取锁后,同一来源中执行的其他脚本无法获取相同的锁,从而允许多个标签页或工作线程中运行的 Web 应用协调工作和资源使用。锁是 Web 应用选择的名称标识的潜在共享资源的抽象概念。API 的使用流程:请求锁,在异步任务中持有锁执行工作,任务完成后自动释放锁。提供了可选功能,包括:从异步任务返回值、共享和独占锁模式、有条件的获取、查询来源中锁状态的诊断以及防止死锁的安全措施。

阅读更多
未分类 Web Locks API

418 I'm a teapot - HTTP 状态码

2024-10-28
418 I'm a teapot - HTTP 状态码

HTTP 418 I'm a teapot 状态码表示服务器拒绝处理请求,因为它是一个茶壶,而不是咖啡壶。这个状态码是对1998年和2014年愚人节玩笑中定义的“超文本咖啡壶控制协议”的引用。一些网站使用此响应来处理不希望处理的请求,例如自动查询。

阅读更多
未分类 状态码

Popover API

2024-05-10
Popover API

Mozilla 开发人员网站上提供的文档,介绍了 Web 浏览器中用于创建和管理弹出式信息框(Popover)的 Popover API。该文档包含对 API 方法、属性和事件的详细描述,以及示例代码和最佳实践。

阅读更多
未分类 弹出式窗口

MDN博客发布一周年回顾

2024-05-05
MDN博客发布一周年回顾

本文回顾了MDN博客发布一年来的内容,包括阅读量最高的帖子、客座博文、合作伙伴赞助内容以及MDN团队的更新。阅读量最高的帖子涵盖了JavaScript正则表达式、HTML无障碍功能、CSS动画等主题。客座博文则关注网络安全、性能和可持续性等方面。合作伙伴赞助内容则介绍了GitLab、TestGrid和Vultr等公司的产品和服务。MDN团队的更新包括Baseline、MDN Playground和AI Help (Beta)等新功能和项目。

阅读更多
未分类 MDN 博客