chore(zh): migrate web.dev links (mdn#16713)

Graywolf9 · Oct 26, 2023 · eb2f976 · eb2f976
1 parent 9ebb701
commit eb2f976
Show file tree

Hide file tree

Showing 84 changed files with 91 additions and 92 deletions.
diff --git a/files/zh-cn/glossary/fetch_metadata_request_header/index.md b/files/zh-cn/glossary/fetch_metadata_request_header/index.md
@@ -20,7 +20,7 @@ fetch 元数据请求标头：
 
 ## 参见
 
-- [使用 Fetch 元数据保护你的资源免受网路攻击](https://web.dev/fetch-metadata/)（web.dev）
+- [使用 Fetch 元数据保护你的资源免受网路攻击](https://web.dev/articles/fetch-metadata)（web.dev）
 - [Fetch 元数据请求标头的 playground](https://secmetadata.appspot.com/)（secmetadata.appspot.com）
 - [所有 HTTP 标头列表](/zh-CN/docs/Web/HTTP/Headers)
 - [所有 HTTP 标头列表 > Fetch 元数据请求标头](/zh-CN/docs/Web/HTTP/Headers#fetch_元数据请求标头)

diff --git a/files/zh-cn/learn/performance/css/index.md b/files/zh-cn/learn/performance/css/index.md
@@ -117,7 +117,7 @@ slug: Learn/Performance/CSS
 
   使用 `preload`，浏览器会尽快获取引用的资源，并将其存储在浏览器缓存中，以便在后续代码中引用时可以更快地使用它们。为了让用户体验尽可能流畅，我们应提前加载页面加载初期用户会遇到的高优先级资源。请注意，你还可以使用 `media` 属性创建响应式的预加载器。
 
-  另请参阅[预加载重要资源以提升加载速度](https://web.dev/preload-critical-assets/)这篇 web.dev 上的文章（2020）。
+  另请参阅[预加载重要资源以提升加载速度](https://web.dev/articles/preload-critical-assets)这篇 web.dev 上的文章（2020）。
 
 ## 处理动画
 
@@ -227,7 +227,7 @@ h3 {
 
 你还可以考虑以下几点：
 
-- 使用 [`rel="preconnect"`](/zh-CN/docs/Web/HTML/Attributes/rel/preconnect) 与字体提供方建立早期连接。有关详细信息，请参阅[预连接到关键的第三方源](https://web.dev/font-best-practices/#preconnect-to-critical-third-party-origins)。
+- 使用 [`rel="preconnect"`](/zh-CN/docs/Web/HTML/Attributes/rel/preconnect) 与字体提供方建立早期连接。有关详细信息，请参阅[预连接到关键的第三方源](https://web.dev/articles/font-best-practices#preconnect_to_critical_third-party_origins)。
 - 使用 [CSS 字体加载 API](/zh-CN/docs/Web/API/CSS_Font_Loading_API) 通过 JavaScript 自定义字体加载行为。
 
 ### 只加载所需的字形
@@ -286,5 +286,5 @@ article {
 ## 参见
 
 - [CSS 动画性能](/zh-CN/docs/Web/Performance/CSS_JavaScript_animation_performance)
-- [字体最佳实践](https://web.dev/font-best-practices/)（来自 web.dev，2022）
-- [content-visibility：提升渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（来自 web.dev，2022）
+- [字体最佳实践](https://web.dev/articles/font-best-practices)（来自 web.dev，2022）
+- [content-visibility：提升渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（来自 web.dev，2022）
diff --git a/files/zh-cn/learn/performance/javascript/index.md b/files/zh-cn/learn/performance/javascript/index.md
@@ -329,7 +329,7 @@ elem.removeEventListener("mousemove", handleMouseMove);
 
 ## 参见
 
-- [优化长任务](https://web.dev/optimize-long-tasks/)（web.dev，2022 年）
+- [优化长任务](https://web.dev/articles/optimize-long-tasks)（web.dev，2022 年）
 - [Canvas 教程](/zh-CN/docs/Web/API/Canvas_API/Tutorial)
 
 {{PreviousMenuNext("Learn/Performance/video", "Learn/Performance/HTML", "Learn/Performance")}}
diff --git a/files/zh-cn/web/api/abortsignal/timeout_static/index.md b/files/zh-cn/web/api/abortsignal/timeout_static/index.md
@@ -9,7 +9,7 @@ slug: Web/API/AbortSignal/timeout_static
 
 信号在超时时使用 `TimeoutError` {{domxref("DOMException")}} 中止，或者由于按下一个浏览器停止按钮（或者一些内置的“停止”操作）而使用 `AbortError` {{domxref("DOMException")}} 中止。这允许 UI 区分超时错误（通常需要通知用户）和用户触发的错误（不需要通知用户）。
 
-超时将基于活动的时间，而不是经过的时间，如果代码在指定的的 worker 中运行或者文档在往返缓存时（[bfcache](https://web.dev/bfcache/)），将有效地暂停。
+超时将基于活动的时间，而不是经过的时间，如果代码在指定的的 worker 中运行或者文档在往返缓存时（[bfcache](https://web.dev/articles/bfcache)），将有效地暂停。
 
 > **备注：** 在编写代码时，无法组合多个信号。意思是你不能使用超时的 signal 或者通过调用 {{domxref("AbortController.abort()")}} 直接中止下载。
 

diff --git a/files/zh-cn/web/api/eyedropper_api/index.md b/files/zh-cn/web/api/eyedropper_api/index.md
@@ -36,5 +36,5 @@ slug: Web/API/EyeDropper_API
 
 ## 参见
 
-- [使用 EyeDropper API，可以选择屏幕上任意像素的颜色。](https://web.dev/eyedropper/)
+- [使用 EyeDropper API，可以选择屏幕上任意像素的颜色。](https://developer.chrome.com/articles/eyedropper/)
 - [EyeDropper API W3C/SMPTE 联合研讨会](https://www.w3.org/2021/03/media-production-workshop/talks/patrick-brosset-eyedropper-api.html)
diff --git a/files/zh-cn/web/api/file_system_api/index.md b/files/zh-cn/web/api/file_system_api/index.md
@@ -220,4 +220,4 @@ onmessage = async (e) => {
 
 ## 参见
 
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemfilehandle/createsyncaccesshandle/index.md b/files/zh-cn/web/api/filesystemfilehandle/createsyncaccesshandle/index.md
@@ -65,4 +65,4 @@ onmessage = async (e) => {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemfilehandle/createwritable/index.md b/files/zh-cn/web/api/filesystemfilehandle/createwritable/index.md
@@ -62,4 +62,4 @@ async function writeFile(fileHandle, contents) {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemfilehandle/getfile/index.md b/files/zh-cn/web/api/filesystemfilehandle/getfile/index.md
@@ -53,4 +53,4 @@ async function getTheFile() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemfilehandle/index.md b/files/zh-cn/web/api/filesystemfilehandle/index.md
@@ -125,4 +125,4 @@ onmessage = async (e) => {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/index.md b/files/zh-cn/web/api/filesystemhandle/index.md
@@ -108,4 +108,4 @@ function removeMatches(fileEntry, entriesArr) {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/issameentry/index.md b/files/zh-cn/web/api/filesystemhandle/issameentry/index.md
@@ -49,4 +49,4 @@ function removeMatches(fileEntry, entriesArr) {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/kind/index.md b/files/zh-cn/web/api/filesystemhandle/kind/index.md
@@ -45,4 +45,4 @@ async function getFile() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/name/index.md b/files/zh-cn/web/api/filesystemhandle/name/index.md
@@ -38,4 +38,4 @@ async function getFile() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/querypermission/index.md b/files/zh-cn/web/api/filesystemhandle/querypermission/index.md
@@ -72,4 +72,4 @@ async function verifyPermission(fileHandle, withWrite) {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/filesystemhandle/requestpermission/index.md b/files/zh-cn/web/api/filesystemhandle/requestpermission/index.md
@@ -70,4 +70,4 @@ async function verifyPermission(fileHandle, withWrite) {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化本地文件访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化本地文件访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/indexeddb_api/using_indexeddb/index.md b/files/zh-cn/web/api/indexeddb_api/using_indexeddb/index.md
@@ -641,7 +641,7 @@ Mozilla 已经在 Firefox 43+ 中实现了对 IndexedDB 数据进行本地化排
 
 ### 教程和指南
 
-- [将 IndexedDB 中的数据绑定到 UI 元素（2012）](https://web.dev/indexeddb-uidatabinding/)
+- [将 IndexedDB 中的数据绑定到 UI 元素（2012）](https://web.dev/articles/indexeddb-uidatabinding)
 - [IndexedDB——浏览器中的存储](<https://docs.microsoft.com/previous-versions/msdn10/gg679063(v=msdn.10)>)
 
 ### 函数库

diff --git a/files/zh-cn/web/api/navigator/sendbeacon/index.md b/files/zh-cn/web/api/navigator/sendbeacon/index.md
@@ -67,7 +67,7 @@ document.addEventListener("visibilitychange", function logData() {
 2. 完成浏览后，用户切换到了其他应用程序，而不是关闭选项卡。
 3. 随后，用户通过手机的应用管理器关闭了浏览器应用。
 
-此外，`unload` 事件与现代浏览器实现的往返缓存（[bfcache](https://web.dev/bfcache/)）不兼容。在部分浏览器（如：Firefox）通过在 bfcache 中排除包含 `unload` 事件处理器的页面来解决不兼容问题，但这存在性能损失。其他浏览器，例如 Safari 和 Android 上的 Chrome 浏览器则采取用户在同一标签页下导航至其他页面时不触发 `unload` 事件的方法来解决不兼容问题。
+此外，`unload` 事件与现代浏览器实现的往返缓存（[bfcache](https://web.dev/articles/bfcache)）不兼容。在部分浏览器（如：Firefox）通过在 bfcache 中排除包含 `unload` 事件处理器的页面来解决不兼容问题，但这存在性能损失。其他浏览器，例如 Safari 和 Android 上的 Chrome 浏览器则采取用户在同一标签页下导航至其他页面时不触发 `unload` 事件的方法来解决不兼容问题。
 
 Firefox 也会在 bfcache 中排除包含 `beforeunload` 事件处理器的页面。
 
@@ -103,4 +103,4 @@ document.addEventListener("visibilitychange", function logData() {
   lose user and app state, use Page Visibility](https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/) 解释了为什么你应该使用 `visibilitychange` 而不是 `beforeunload`/`unload`。
 - [网页生命周期 API](https://developers.google.com/web/updates/2018/07/page-lifecycle-api#developer-recommendations-for-each-state) 提供了有关在 Web 应用程序中处理网页生命周期行为的最佳实践。
 - [PageLifecycle.js](https://github.com/GoogleChromeLabs/page-lifecycle)：处理跨浏览器网页生命周期行为不一致的 JavaScript 库。
-- [Back/forward cache](https://web.dev/bfcache/) 解释了什么是往返缓存，以及它对各种网页生命周期事件的影响。
+- [Back/forward cache](https://web.dev/articles/bfcache) 解释了什么是往返缓存，以及它对各种网页生命周期事件的影响。
diff --git a/files/zh-cn/web/api/push_api/index.md b/files/zh-cn/web/api/push_api/index.md
@@ -63,7 +63,7 @@ Mozilla 的 [ServiceWorker Cookbook](https://github.com/mdn/serviceworker-cookbo
 ## 参见
 
 - [通过 Mozilla 推送服务发送具有 VAPID 标识的 WebPush 通知](https://blog.mozilla.org/services/2016/08/23/sending-vapid-identified-webpush-notifications-via-mozillas-push-service/)
-- [推送通知概述](https://web.dev/push-notifications-overview/)
+- [推送通知概述](https://web.dev/articles/push-notifications-overview)
 - [Service Worker API](/zh-CN/docs/Web/API/Service_Worker_API)
 
 {{DefaultAPISidebar("Push API")}}
diff --git a/files/zh-cn/web/api/resizeobserverentry/devicepixelcontentboxsize/index.md b/files/zh-cn/web/api/resizeobserverentry/devicepixelcontentboxsize/index.md
@@ -20,7 +20,7 @@ slug: Web/API/ResizeObserverEntry/devicePixelContentBoxSize
 
 ## 示例
 
-以下片段取自文章[使用 devicePixelContentBox 完美地渲染](https://web.dev/device-pixel-content-box/)。由于 {{domxref("ResizeObserver")}} 的回调函数在绘制前和布局后调用。这提供了一个精确记录物理像素大小的机会，以确保将画布像素与物理像素一对一映射。
+以下片段取自文章[使用 devicePixelContentBox 完美地渲染](https://web.dev/articles/device-pixel-content-box)。由于 {{domxref("ResizeObserver")}} 的回调函数在绘制前和布局后调用。这提供了一个精确记录物理像素大小的机会，以确保将画布像素与物理像素一对一映射。
 
 ```js
 const observer = new ResizeObserver((entries) => {

diff --git a/files/zh-cn/web/api/transformstream/index.md b/files/zh-cn/web/api/transformstream/index.md
@@ -174,4 +174,4 @@ responses.reduce(
 ## 参见
 
 - [WHATWG Stream Visualizer](https://whatwg-stream-visualizer.glitch.me/)，用于可读、可写和转换流的基本可视化。
-- [Streams—The Definitive Guide](https://web.dev/streams/)
+- [数据流——权威指南](https://web.dev/articles/streams)
diff --git a/files/zh-cn/web/api/transformstream/transformstream/index.md b/files/zh-cn/web/api/transformstream/transformstream/index.md
@@ -55,7 +55,7 @@ new TransformStream(transformer, writableStrategy, readableStrategy)
 
 ### 将文本转换为大写
 
-以下示例将文本逐块转换为大写。这个示例来自 [Streams—The Definitive Guide](https://web.dev/streams/)，它有关于不同类型流的一些示例。
+以下示例将文本逐块转换为大写。这个示例来自[数据流——权威指南](https://web.dev/articles/streams)，它有关于不同类型流的一些示例。
 
 ```js
 function upperCaseStream() {

diff --git a/files/zh-cn/web/api/webcodecs_api/index.md b/files/zh-cn/web/api/webcodecs_api/index.md
@@ -44,7 +44,7 @@ WebCodecs API 提供了对浏览器中已存在的编解码器的访问能力。
 
 ## 示例
 
-在下面这个例子中，获取从 {{domxref("MediaStreamTrackProcessor")}} 中返回的帧，然后对他们进行编码。在文章 [Video processing with WebCodecs](https://web.dev/webcodecs/) 查看完整示例并了解更多细节。
+在下面这个例子中，获取从 {{domxref("MediaStreamTrackProcessor")}} 中返回的帧，然后对他们进行编码。在文章[使用 WebCodec 处理视频](https://developer.chrome.com/articles/webcodecs)查看完整示例并了解更多细节。
 
 ```js
 let frame_counter = 0;
@@ -70,4 +70,4 @@ while (true) {
 
 ## 参考
 
-- [Video processing with WebCodecs](https://web.dev/webcodecs/)
+- [使用 WebCodec 处理视频](https://developer.chrome.com/articles/webcodecs)
diff --git a/files/zh-cn/web/api/window/showdirectorypicker/index.md b/files/zh-cn/web/api/window/showdirectorypicker/index.md
@@ -62,4 +62,4 @@ async function getDir() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化对本地文件的访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化对本地文件的访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/window/showopenfilepicker/index.md b/files/zh-cn/web/api/window/showopenfilepicker/index.md
@@ -89,4 +89,4 @@ async function getFile() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化对本地文件的访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化对本地文件的访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/window/showsavefilepicker/index.md b/files/zh-cn/web/api/window/showsavefilepicker/index.md
@@ -74,4 +74,4 @@ async function getNewFileHandle() {
 ## 参见
 
 - [文件系统 API](/zh-CN/docs/Web/API/File_System_API)
-- [文件系统访问 API：简化对本地文件的访问](https://web.dev/file-system-access/)
+- [文件系统访问 API：简化对本地文件的访问](https://developer.chrome.com/articles/file-system-access/)
diff --git a/files/zh-cn/web/api/xmlhttprequest/index.md b/files/zh-cn/web/api/xmlhttprequest/index.md
@@ -129,4 +129,4 @@ _此接口继承了 {{domxref("XMLHttpRequestEventTarget")}} 和 {{domxref("Even
   - [XMLHttpRequest 中的 HTML](/zh-CN/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest)
   - [Fetch API](/zh-CN/docs/Web/API/Fetch_API)
 
-- [XMLHttpRequest2 中的新技巧（2011）](https://web.dev/xhr2/)
+- [XMLHttpRequest2 中的新技巧（2011）](https://web.dev/articles/xhr2)
diff --git a/files/zh-cn/web/css/contain-intrinsic-block-size/index.md b/files/zh-cn/web/css/contain-intrinsic-block-size/index.md
@@ -97,7 +97,7 @@ contain-intrinsic-block-size: unset;
 
 ## 参见
 
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
 - {{CSSXref("contain-intrinsic-inline-size")}}
 - {{CSSXref("contain-intrinsic-size")}}
 - {{CSSXref("contain-intrinsic-width")}}

diff --git a/files/zh-cn/web/css/contain-intrinsic-height/index.md b/files/zh-cn/web/css/contain-intrinsic-height/index.md
@@ -97,7 +97,7 @@ contain-intrinsic-height: unset;
 
 ## 参见
 
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
 - {{CSSXref("contain-intrinsic-size")}}
 - {{CSSXref("contain-intrinsic-width")}}
 - {{CSSXref("contain-intrinsic-block-size")}}

diff --git a/files/zh-cn/web/css/contain-intrinsic-inline-size/index.md b/files/zh-cn/web/css/contain-intrinsic-inline-size/index.md
@@ -97,7 +97,7 @@ contain-intrinsic-inline-size: unset;
 
 ## 参见
 
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
 - {{CSSXref("contain-intrinsic-block-size")}}
 - {{CSSXref("contain-intrinsic-size")}}
 - {{CSSXref("contain-intrinsic-width")}}

diff --git a/files/zh-cn/web/css/contain-intrinsic-size/index.md b/files/zh-cn/web/css/contain-intrinsic-size/index.md
@@ -178,6 +178,6 @@ contentVisibilitySelector.addEventListener("change", () => {
 
 ## 参见
 
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
 - {{CSSXref("contain-intrinsic-block-size")}}
 - {{CSSXref("contain-intrinsic-inline-size")}}
diff --git a/files/zh-cn/web/css/contain-intrinsic-width/index.md b/files/zh-cn/web/css/contain-intrinsic-width/index.md
@@ -97,7 +97,7 @@ contain-intrinsic-width: unset;
 
 ## 参见
 
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
 - {{CSSXref("contain-intrinsic-size")}}
 - {{CSSXref("contain-intrinsic-height")}}
 - {{CSSXref("contain-intrinsic-block-size")}}

diff --git a/files/zh-cn/web/css/content-visibility/index.md b/files/zh-cn/web/css/content-visibility/index.md
@@ -151,4 +151,4 @@ document.querySelectorAll("button.toggle").forEach((button) => {
 - [CSS 局限](/zh-CN/docs/Web/CSS/CSS_containment)
 - {{CSSXref("contain-intrinsic-size")}}
 - {{DOMXref("element/contentvisibilityautostatechange_event", "contentvisibilityautostatechange")}}
-- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/content-visibility/)（web.dev）
+- [content-visibility：提高渲染性能的新 CSS 属性](https://web.dev/articles/content-visibility)（web.dev）
diff --git a/files/zh-cn/web/css/css_scroll_snap/basic_concepts/index.md b/files/zh-cn/web/css/css_scroll_snap/basic_concepts/index.md
@@ -80,7 +80,7 @@ slug: Web/CSS/CSS_scroll_snap/Basic_concepts
 ## 参见
 
 - [CSS 滚动吸附](/zh-CN/docs/Web/CSS/CSS_scroll_snap)模块
-- [用 CSS 滚动吸附明确控制滚动](https://web.dev/css-scroll-snap/)（载于 web.dev，2021 年）
+- [用 CSS 滚动吸附明确控制滚动](https://web.dev/articles/css-scroll-snap)（载于 web.dev，2021 年）
 - [实用 CSS 滚动吸附](https://css-tricks.com/practical-css-scroll-snapping/)（载于 CSS-Tricks，2020 年）
 - [CSS 滚动吸附](https://12daysofweb.dev/2022/css-scroll-snap/)（载于 12 Days of Web，2019 年）
 - [滚动吸附示例](https://codepen.io/collection/KpqBGW)（载于 Codepen）
diff --git a/files/zh-cn/web/css/css_scroll_snap/index.md b/files/zh-cn/web/css/css_scroll_snap/index.md
@@ -83,6 +83,6 @@ slug: Web/CSS/CSS_scroll_snap
 - [CSS 滚动条样式化](/zh-CN/docs/Web/CSS/CSS_scrollbars_styling)模块
 - [纯键盘滚动区域](https://adrianroselli.com/2022/06/keyboard-only-scrolling-areas.html)（载于 adrianroselli.com，2022 年）
 - [滚动吸附示例](https://codepen.io/collection/KpqBGW)（载于 Codepen，2022 年）
-- [用 CSS 滚动吸附明确控制滚动](https://web.dev/css-scroll-snap/)（载于 web.dev，2021 年）
+- [用 CSS 滚动吸附明确控制滚动](https://web.dev/articles/css-scroll-snap)（载于 web.dev，2021 年）
 - [实用 CSS 滚动吸附](https://css-tricks.com/practical-css-scroll-snapping/)（载于 CSS-Tricks，2020 年）
 - [CSS 滚动吸附](https://12daysofweb.dev/2022/css-scroll-snap/)（载于 12 Days of Web，2019 年）
diff --git a/files/zh-cn/web/css/mask-image/index.md b/files/zh-cn/web/css/mask-image/index.md
@@ -65,4 +65,4 @@ mask-image: unset;
 ## 参见
 
 - [CSS 中的裁剪和遮罩](https://css-tricks.com/clipping-masking-css/)
-- [使用 CSS 的 mask-image 属性对图像应用效果](https://web.dev/css-masking/)
+- [使用 CSS 的 mask-image 属性对图像应用效果](https://web.dev/articles/css-masking)
diff --git a/files/zh-cn/web/css/scroll-margin-block-end/index.md b/files/zh-cn/web/css/scroll-margin-block-end/index.md
@@ -48,4 +48,4 @@ scroll-margin-block-end: unset;
 ## 参见
 
 - [CSS 滚动吸附](/zh-CN/docs/Web/CSS/CSS_scroll_snap)
-- [用 CSS 滚动吸附明确控制滚动](https://web.dev/css-scroll-snap/)
+- [用 CSS 滚动吸附明确控制滚动](https://web.dev/articles/css-scroll-snap)
diff --git a/files/zh-cn/web/css/scroll-margin-block-start/index.md b/files/zh-cn/web/css/scroll-margin-block-start/index.md
@@ -48,4 +48,4 @@ scroll-margin-block-start: unset;
 ## 参见
 
 - [CSS 滚动吸附](/zh-CN/docs/Web/CSS/CSS_scroll_snap)
-- [用 CSS 滚动吸附明确控制滚动](https://web.dev/css-scroll-snap/)
+- [用 CSS 滚动吸附明确控制滚动](https://web.dev/articles/css-scroll-snap)