chore(zh): maintain redirected links (part 4)

files/zh-tw/web/api/canvas_api/tutorial/drawing_shapes/index.md

@@ -268,7 +268,7 @@ function draw() {
 
 ### 貝茲曲線與二次曲線
 
-二次與三次[貝茲曲線(Bézier curves)](http://en.wikipedia.org/wiki/B%C3%A9zier_curve)是另一種可用來構成複雜有機圖形的路徑。
+二次與三次[貝茲曲線(Bézier curves)](https://en.wikipedia.org/wiki/Bézier_curve)是另一種可用來構成複雜有機圖形的路徑。
 
 - {{domxref("CanvasRenderingContext2D.quadraticCurveTo", "quadraticCurveTo(cp1x, cp1y, x, y)")}}
   - : 從目前起始點畫一條二次貝茲曲線到 x, y 指定的終點，控制點由 cp1x, cp1y 指定。

files/zh-tw/web/api/canvas_api/tutorial/drawing_text/index.md

@@ -5,7 +5,7 @@ slug: Web/API/Canvas_API/Tutorial/Drawing_text
 
 {{DefaultAPISidebar("Canvas API")}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Applying_styles_and_colors", "Web/API/Canvas_API/Tutorial/Using_images")}}
 
-[`canvas`](/zh-TW/HTML/Canvas)元素支援在[標準 HTML 5 特色](http://www.whatwg.org/specs/web-apps/current-work/#text-0)以及少許實驗性的 Mozilla 方法和功能上繪製文字。
+[`canvas`](/zh-TW/HTML/Canvas)元素支援在[標準 HTML 5 特色](https://html.spec.whatwg.org/#text-0)以及少許實驗性的 Mozilla 方法和功能上繪製文字。
 
 文字可以包括任何 Unicode 字元，即使用那些超出「基本多文種平面」的字元也可以。
 
@@ -134,9 +134,9 @@ slug: Web/API/Canvas_API/Tutorial/Drawing_text
   </tbody>
 </table>
 
-下圖展示了 textBaseline 屬性所支援的各種基線，感謝 [WHATWG](http://www.whatwg.org/).
+下圖展示了 textBaseline 屬性所支援的各種基線，感謝 [WHATWG](https://whatwg.org/).
 
-![top of em squre（字元區塊頂部）大致在字型中所有字母的最頂部位置，hanging basline（懸掛基線）則是在一些特殊（較小的,像是「आ」）字母頂部，middle則是在top of em squre（字元區塊頂部和bottom of em squre（字元區塊底部）的中間，alphabetic（拼音文字）的基線位置則是在一般拼音字母如Á，ÿ，f，Ω的底線位置。ideographic（表意文字）的基線在字元的底部位置，bottom of em squre（字元區塊底部）則大致是字型中所有字母的最底部位置。而top and bottom of the bounding box（上下的區域範圍線）則比這些基線都來得更遠，基於字母的高度可能超過字元區塊頂部和底部的範圍。](http://www.whatwg.org/specs/web-apps/current-work/images/baselines.png)
+![top of em squre（字元區塊頂部）大致在字型中所有字母的最頂部位置，hanging basline（懸掛基線）則是在一些特殊（較小的,像是「आ」）字母頂部，middle則是在top of em squre（字元區塊頂部和bottom of em squre（字元區塊底部）的中間，alphabetic（拼音文字）的基線位置則是在一般拼音字母如Á，ÿ，f，Ω的底線位置。ideographic（表意文字）的基線在字元的底部位置，bottom of em squre（字元區塊底部）則大致是字型中所有字母的最底部位置。而top and bottom of the bounding box（上下的區域範圍線）則比這些基線都來得更遠，基於字母的高度可能超過字元區塊頂部和底部的範圍。](https://whatwg.org/specs/web-apps/current-work/images/baselines.png)
 
 ## 方法
 
@@ -340,6 +340,6 @@ ctx.strokeText("Sample String", 10, 50);
 
 ## 備註
 
-- 請見 [WHATWG specification](http://www.whatwg.org/specs/web-apps/current-work/#text) 關於 HTML 5 canvas text 的說明。
+- 請見 [WHATWG specification](https://whatwg.org/specs/web-apps/current-work/#text) 關於 HTML 5 canvas text 的說明。
 - 你不需要特別的文本來使用這些功能；2D 的文本就可以執行得很好。
 - 所有的繪圖都使用即時變化來完成。

files/zh-tw/web/api/canvas_api/tutorial/optimizing_canvas/index.md

@@ -15,6 +15,6 @@ slug: Web/API/Canvas_API/Tutorial/Optimizing_canvas
 - 對於複雜需求可以利用多個畫布分層構成
 - 盡量不要用 shadowBlur 屬性
 - 使用{{domxref("window.requestAnimationFrame()")}}
-- 用[JSPerf](http://jsperf.com)測試效能
+- 用[JSPerf](https://jsperf.com/)測試效能
 
 {{PreviousNext("Web/Guide/HTML/Canvas_tutorial/Basic_animations")}}

files/zh-tw/web/api/canvas_api/tutorial/pixel_manipulation_with_canvas/index.md

@@ -130,7 +130,7 @@ ctx.putImageData(myImageData, 0, 0);
 
 ### 灰階和負片效果
 
-In this example we iterate over all pixels to change their values, then we put the modified pixel array back to the canvas using [putImageData()](/zh-TW/docs/Web/API/CanvasRenderingContext2D/putImageData). The invert function simply subtracts each color from the max value 255. The grayscale function simply uses the average of red, green and blue. You can also use a weighted average, given by the formula `x = 0.299r + 0.587g + 0.114b`, for example. See [Grayscale](http://en.wikipedia.org/wiki/Grayscale) on Wikipedia for more information.
+In this example we iterate over all pixels to change their values, then we put the modified pixel array back to the canvas using [putImageData()](/zh-TW/docs/Web/API/CanvasRenderingContext2D/putImageData). The invert function simply subtracts each color from the max value 255. The grayscale function simply uses the average of red, green and blue. You can also use a weighted average, given by the formula `x = 0.299r + 0.587g + 0.114b`, for example. See [Grayscale](https://en.wikipedia.org/wiki/Grayscale) on Wikipedia for more information.
 
 ```html hidden
 <canvas id="canvas" width="300" height="227"></canvas>

files/zh-tw/web/api/canvas_api/tutorial/using_images/index.md

@@ -27,7 +27,7 @@ slug: Web/API/Canvas_API/Tutorial/Using_images
 - {{domxref("ImageBitmap")}}
   - : 可以被快速渲染的點陣圖(bitmap)，點陣圖能由上述所有來源產生.
 
-這些來源統一參照 [CanvasImageSource](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts)型態.
+這些來源統一參照 [CanvasImageSource](https://html.spec.whatwg.org/multipage/canvas.html#image-sources-for-2d-rendering-contexts)型態.
 
 有好幾種方法能夠取得影像用於畫布.
 
@@ -74,7 +74,7 @@ img.addEventListener(
 img.src = "myImage.png"; // Set source path
 ```
 
-若是只要載入一份影像，可以用上面的方法，不過當需要載入、追蹤多個影像時，我們就需要更好的方法了，雖然管理多個影像載入已經超出本教學的範疇，然而如果有興趣的話，可以參考[JavaScript Image Preloader](http://www.webreference.com/programming/javascript/gr/column3/)這份文件.
+若是只要載入一份影像，可以用上面的方法，不過當需要載入、追蹤多個影像時，我們就需要更好的方法了，雖然管理多個影像載入已經超出本教學的範疇，然而如果有興趣的話，可以參考[JavaScript Image Preloader](https://webreference.com/javascript/)這份文件.
 
 ### 以 data:URL 嵌入影像
 

files/zh-tw/web/api/console/assert_static/index.md

@@ -90,5 +90,5 @@ console.assert(false, "the word is %s", "foo");
 
 - [WHATWG Console Standard: console.assert](https://console.spec.whatwg.org/#assert-condition-data)
 - [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
+- [MSDN: Using the F12 Tools Console to View Errors and Status](<https://learn.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589530(v=vs.85)>)
+- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/docs/devtools/#assertions)

files/zh-tw/web/api/cssstylesheet/insertrule/index.md

@@ -119,5 +119,5 @@ function addStylesheetRules(rules) {
 ## See also
 
 - {{domxref("CSSStyleSheet.deleteRule")}}
-- [Cross-Browser CSS-rules ordering (CSS1)](http://www-archive.mozilla.org/docs/web-developer/css1technote/css1tojs.html#priority)
+- [Cross-Browser CSS-rules ordering (CSS1)](https://www-archive.mozilla.org/docs/web-developer/css1technote/css1tojs.html#priority)
 - [Quirksmode - CSS](http://www.quirksmode.org/dom/w3c_css.html)

files/zh-tw/web/api/document/createdocumentfragment/index.md

@@ -19,7 +19,7 @@ var fragment = document.createDocumentFragment();
 
 `DocumentFragment`s 是 DOM 節點(Nodes)。他們不會成為 DOM 主幹的一部份。最常見的作法是先建立文本片段 (document fragment)，然後將元素 (element) 加入文本片段中，最後再將文本片段加入 DOM 樹中。在 DOM 樹中，文本片段將會被他所有的子元素取代。
 
-正因為文本片段是存在**記憶體**中，並且不是 DOM 主幹的一部分，增加子元素並不會導致網頁重刷 ([reflow](https://developers.google.com/speed/articles/reflow?csw=1))(重新計算元素的位置和幾何)。因此採用文本片段通常會有比較好的效能表現 ([better performance](http://ejohn.org/blog/dom-documentfragments/))。
+正因為文本片段是存在**記憶體**中，並且不是 DOM 主幹的一部分，增加子元素並不會導致網頁重刷 ([reflow](https://developers.google.com/speed/docs/insights/browser-reflow?csw=1))(重新計算元素的位置和幾何)。因此採用文本片段通常會有比較好的效能表現 ([better performance](https://johnresig.com/blog/dom-documentfragments/))。
 
 ## 舉例
 

files/zh-tw/web/api/document/createelement/index.md

@@ -20,7 +20,7 @@ var element = document.createElement(tagName[, options]);
 - `tagName`
   - : 一個指定類型給所創建的元素的字串。{{domxref("Node.nodeName", "nodeName")}} 創建的元素由 `tagName` 的值初始，不要使用吻合名稱（例如 "html:a"）。當該方法在 HTML 文件中被調用時，`createElement()` 會先將 `tagName` 轉化為小寫後再創建元素。在 Firefox、Opera 和 Chrome，`createElement(null)` 與 `createElement("null")` 作用相同。
 - `options`{{optional_inline}}
-  - : 選擇性 `ElementCreationOptions` 物件包含一個屬性 `is`，它的值是先前使用`customElements.define()` 所定義的自定義元素的標籤名稱。為了與以前的 [自定義元素規範](https://www.w3.org/TR/custom-elements/) 相容，一些瀏覽器將允許你在此傳遞一個字串而非物件，其字串的值就是自定義元件的標籤名稱。了解更多訊息以及如何使用此參數，可以參閱 [擴展原生 HTML 元素](https://developers.google.com/web/fundamentals/primers/customelements/#extendhtml)。新元素將被賦予一個 `is` 屬性，其值就是自定義元素的標籤名稱。自定義元素算是實驗中的功能，因此目前只作用於部分瀏覽器中。
+  - : 選擇性 `ElementCreationOptions` 物件包含一個屬性 `is`，它的值是先前使用`customElements.define()` 所定義的自定義元素的標籤名稱。為了與以前的 [自定義元素規範](https://www.w3.org/TR/custom-elements/) 相容，一些瀏覽器將允許你在此傳遞一個字串而非物件，其字串的值就是自定義元件的標籤名稱。了解更多訊息以及如何使用此參數，可以參閱 [擴展原生 HTML 元素](/zh-TW/docs/Web/API/Web_components#extendhtml)。新元素將被賦予一個 `is` 屬性，其值就是自定義元素的標籤名稱。自定義元素算是實驗中的功能，因此目前只作用於部分瀏覽器中。
 
 ### 回傳值
 

files/zh-tw/web/api/document/createevent/index.md

@@ -26,4 +26,4 @@ var newEvent = document.createEvent("UIEvents");
 
 ### 規格定義
 
-- [DOM Level 2 Events](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-document)
+- [DOM Level 2 Events](https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-document)

files/zh-tw/web/api/document/createrange/index.md

@@ -30,4 +30,4 @@ range.setEnd(endNode, endOffset);
 
 ## 規範
 
-- [DOM Level 2 Range: DocumentRange.createRange](http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange)
+- [DOM Level 2 Range: DocumentRange.createRange](https://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange)

files/zh-tw/web/api/document/designmode/index.md

@@ -37,4 +37,3 @@ iframeNode.contentDocument.designMode = "on";
 
 - [Rich-Text Editing in Mozilla](/zh-TW/docs/Rich-Text_Editing_in_Mozilla)
 - {{domxref("HTMLElement.contentEditable")}}
-- [designMode property](<https://msdn.microsoft.com/en-us/library/ms533720(v=vs.85).aspx>) on MSDN

files/zh-tw/web/api/document/getelementsbyclassname/index.md

@@ -87,4 +87,4 @@ var testDivs = Array.prototype.filter.call(
 
 ## 規範
 
-- [W3C: getElementsByClassName](https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname)
+- [W3C: getElementsByClassName](https://dom.spec.whatwg.org/#dom-document-getelementsbyclassname)

files/zh-tw/web/api/document/queryselector/index.md

@@ -58,7 +58,7 @@ var el = document.querySelector(".myclass");
 
 ## 規格文件
 
-- [Selectors API](http://www.w3.org/TR/selectors-api/)
+- [Selectors API](https://www.w3.org/TR/selectors-api/)
 
 ## 詳見
 

files/zh-tw/web/api/document_object_model/examples/index.md

@@ -307,7 +307,7 @@ P
 
 這個例子使用 DOM 方法來顯示所有 {{domxref("window.onload")}} {{domxref("event")}} 物件的屬性及其在 table 中的值。這個方法也展示一個有用的技術，使用 for...in 迴圈來來遍歷一個物件的屬性，以得到它們的值。
 
-不同瀏覽器之間事件物件的屬性有很大不同，[WHATWG DOM Standard](https://dom.spec.whatwg.org) 規範了事件的標準屬性，然而，許多瀏覽器都大大擴展了這些。
+不同瀏覽器之間事件物件的屬性有很大不同，[WHATWG DOM Standard](https://dom.spec.whatwg.org/) 規範了事件的標準屬性，然而，許多瀏覽器都大大擴展了這些。
 
 將下面的代碼放到一個空白的文本文件，並將其用各種瀏覽器開啟，你一定會對各種瀏覽器之間的不一致（事件屬性的名稱及其數量）感到驚訝。你可能還喜歡在這個頁面加入一些元素，並呼叫不同的事件處理函數（event handlers）。
 

files/zh-tw/web/api/domparser/index.md

@@ -5,7 +5,7 @@ slug: Web/API/DOMParser
 
 {{APIRef("DOM")}}{{SeeCompatTable}}
 
-`DOMParser可以將XML或是HTML格式的字串轉成`DOM [文件](/zh-TW/docs/DOM/document). `DOMParser`的規格請參閱[DOM 解譯與串流化](http://html5.org/specs/dom-parsing.html).
+`DOMParser可以將XML或是HTML格式的字串轉成`DOM [文件](/zh-TW/docs/DOM/document). `DOMParser`的規格請參閱[DOM 解譯與串流化](https://w3c.github.io/DOM-Parsing/).
 
 請注意[XMLHttpRequest](/zh-TW/docs/DOM/XMLHttpRequest)解譯的是 URL 連結內容裡的 XML 與 HTML 文件.
 

files/zh-tw/web/api/element/clientheight/index.md

@@ -36,4 +36,4 @@ var h = element.clientHeight;
 - {{domxref("HTMLElement.offsetHeight")}}
 - {{domxref("Element.scrollHeight")}}
 - [Determining the dimensions of elements](/zh-TW/docs/Determining_the_dimensions_of_elements)
-- [MSDN Measuring Element Dimension and Location](<https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)>)
+- [MSDN Measuring Element Dimension and Location](<https://learn.microsoft.com/en-us/previous-versions/hh781509(v=vs.85)>)

files/zh-tw/web/api/element/keyup_event/index.md

@@ -10,7 +10,7 @@ slug: Web/API/Element/keyup_event
 ## 基本資料
 
 - 詳述
-  - : [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup)
+  - : [DOM L3](https://www.w3.org/TR/uievents/#event-type-keyup)
 - 介面
   - : [KeyboardEvent](/zh-TW/docs/DOM/KeyboardEvent)
 - Bubbles

files/zh-tw/web/api/element/scrollheight/index.md

@@ -145,7 +145,7 @@ onload = function () {
 
 ## 參見
 
-- [MSDN: Measuring Element Dimension and Location with CSSOM in Windows Internet Explorer 9](<https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)>)
+- [MSDN: Measuring Element Dimension and Location with CSSOM in Windows Internet Explorer 9](<https://learn.microsoft.com/en-us/previous-versions/hh781509(v=vs.85)>)
 - {{domxref("Element.clientHeight")}}
 - {{domxref("Element.offsetHeight")}}
 - [Determining the dimensions of elements](/zh-TW/docs/Determining_the_dimensions_of_elements)

files/zh-tw/web/api/element/scrolltop/index.md

@@ -88,6 +88,5 @@ scroller.addEventListener("scroll", (event) => {
 
 ## 參閱
 
-- [W3C Draft CSSOM View Module](http://dev.w3.org/csswg/cssom-view/#dom-element-scrolltop)
-- [MSDN's scrollTop definition](<http://msdn.microsoft.com/en-us/library/ms534618(VS.85).aspx>)
-- [MSDN's Measuring Element Dimension and Location](<http://msdn.microsoft.com/en-us/library/hh781509(v=vs.85).aspx>)
+- [W3C Draft CSSOM View Module](https://drafts.csswg.org/cssom-view/#dom-element-scrolltop)
+- [MSDN's Measuring Element Dimension and Location](<https://learn.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)>)

files/zh-tw/web/api/event/defaultprevented/index.md

@@ -9,7 +9,8 @@ slug: Web/API/Event/defaultPrevented
 
 回傳一個布林值，表示事件的預設行為是否被取消，也就是事件物件是否曾執行 {{domxref("event.preventDefault()", "preventDefault()")}} 方法。
 
-> **備註：** You should use this instead of the non-standard, deprecated `getPreventDefault()` method (see [Firefox bug 691151](https://bugzil.la/691151)).
+> [!NOTE]
+> You should use this instead of the non-standard, deprecated `getPreventDefault()` method (see [Firefox bug 691151](https://bugzil.la/691151)).
 
 ## 語法
 

files/zh-tw/web/api/event/eventphase/index.md

@@ -28,7 +28,7 @@ These values describe which phase the event flow is currently being evaluated.
 | {{domxref("Event.AT_TARGET")}} {{readonlyinline}}       | 2   | The event has arrived at {{domxref("EventTarget", "the event's target", "", 1)}}. Event listeners registered for this phase are called at this time. If {{domxref("Event.bubbles")}} is false, processing the event is finished after this phase is complete.                                                                                                                                                                                          |
 | {{domxref("Event.BUBBLING_PHASE")}} {{readonlyinline}}  | 3   | The event is propagating back up through the target's ancestors in reverse order, starting with the parent, and eventually reaching the containing {{domxref("Window")}}. This is known as bubbling, and occurs only if {{domxref("Event.bubbles")}} is `true`. {{domxref("EventListener", "Event listeners", "", 1)}} registered for this phase are triggered during this process.                                                                    |
 
-For more details, see [section 3.1, Event dispatch and DOM event flow](http://www.w3.org/TR/DOM-Level-3-Events/#event-flow), of the DOM Level 3 Events specification.
+For more details, see [section 3.1, Event dispatch and DOM event flow](https://www.w3.org/TR/uievents/#event-flow), of the DOM Level 3 Events specification.
 
 ## 範例
 

files/zh-tw/web/api/event/stoppropagation/index.md

@@ -27,5 +27,5 @@ event.stopPropagation();
 
 ## 參見
 
-- See the [DOM specification](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture) for the explanation of event flow. (The [DOM Level 3 Events draft](http://www.w3.org/TR/DOM-Level-3-Events/#event-flow) has an illustration.)
+- See the [DOM specification](https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture) for the explanation of event flow. (The [DOM Level 3 Events draft](https://www.w3.org/TR/uievents/#event-flow) has an illustration.)
 - {{domxref("Event.preventDefault()")}} is a related method that prevents the default action of the event from happening.

files/zh-tw/web/api/event/timestamp/index.md

@@ -48,4 +48,4 @@ var number = event.timeStamp;
 
 ## 詳細資料
 
-- [timestamp](http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp)
+- [timestamp](https://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp)

files/zh-tw/web/api/fetch_api/index.md

@@ -55,5 +55,5 @@ Fetch 提供了 {{domxref("Request")}} 與 {{domxref("Response")}} 物件，還
 - [ServiceWorker API](/zh-TW/docs/Web/API/ServiceWorker_API)
 - [HTTP access control (CORS)](/zh-TW/docs/Web/HTTP/Access_control_CORS)
 - [HTTP](/zh-TW/docs/Web/HTTP)
-- [Fetch polyfill](https://github.com/github/fetch)
+- [Fetch polyfill](https://github.com/JakeChampion/fetch)
 - [Fetch 基本概念](/zh-TW/docs/Web/API/Fetch_API/Basic_concepts)

files/zh-tw/web/api/fetch_api/using_fetch/index.md

@@ -362,5 +362,5 @@ if (self.fetch) {
 - [ServiceWorker API](/zh-TW/docs/Web/API/ServiceWorker_API)
 - [HTTP access control (CORS)](/zh-TW/docs/Web/HTTP/Access_control_CORS)
 - [HTTP](/zh-TW/docs/Web/HTTP)
-- [Fetch polyfill](https://github.com/github/fetch)
+- [Fetch polyfill](https://github.com/JakeChampion/fetch)
 - [Fetch examples on Github](https://github.com/mdn/fetch-examples/)