mdn · jasonren0403 · Jun 5, 2023 · Jun 2, 2023 · Jun 5, 2023
@@ -105,18 +105,14 @@ CSS 並沒有什麼不同，它由 W3C 一個被稱為 [CSS 工作組](https://w
 
 新的 CSS 特性被 CSS 工作組所發展、定義。有時候是因為特定瀏覽器對某個功能有興趣，而有時候是因為網站設計師與開發人員的要求，還有一些時候是工作組本身定義的需求。CSS 正不斷發展，新的可用特性正在出現。然而，每個人很努力達到的 CSS 重要方針，是不要往會破壞舊網站的方向進行改變。一個在 2000 年建立的網站，使用了當時能用的 CSS 特性，應該到今天仍能夠在瀏覽器上使用。
 
-作為一個 CSS 新手，你會發現 CSS 的規範不勝枚舉，它們是用來給開發用戶端程式的開發者實作功能所使用，而不是讓網站開發人員閱讀來了解 CSS。許多經驗的豐富的開發者，寧願看 MDN 上的文件或其它指引。然而，知道規範的存在還是有價值的，可以了解它們與您正使用的 CSS 之間的關係，瀏覽器支援（如下）以及相關定義。
+作為一個 CSS 新手，你會發現 CSS 的規範不勝枚舉，它們是用來給開發用戶端程式的開發者實作功能所使用，而不是讓網站開發人員閱讀來了解 CSS。許多經驗的豐富的開發者，寧願看 MDN 上的文件或其它指引。然而，知道規範的存在還是有價值的，可以了解它們與你正使用的 CSS 之間的關係，瀏覽器支援（如下）以及相關定義。
 
 ## 瀏覽器支援
 
-被定義好的 CSS 特性，只有被一個或更多瀏覽器實作出來之後，才會在我們開發網頁上面有所幫助。這意味著已經編寫了程式，可以將 CSS 檔案裡的設定轉換為輸出在畫面上的結果。我們將在 [CSS 工作原理](/zh-TW/docs/Learn/CSS/First_steps/How_CSS_works)中詳細介紹這個過程。一個（新）特性被所有瀏覽器同時實作出來是不常見的，通常會缺了幾個，CSS 某些部分您可以在某些瀏覽器上使用，然而在其它瀏覽器人則沒有作用。基於這個原因，確認特性被實作的狀況是有用的。在每個 MDN 的資源頁面上，您可以看到感興趣的屬性現在的狀態，因此您可以確定能不能把它使用在網站上。
-
-以下是 CSS [`font-family`](/zh-TW/docs/Web/CSS/font-family) 屬性的支援狀態表。
-
-{{Compat}}
+被定義好的 CSS 特性，只有被一個或更多瀏覽器實作出來之後，才會在我們開發網頁上面有所幫助。這意味著已經編寫了程式，可以將 CSS 檔案裡的設定轉換為輸出在畫面上的結果。我們將在 [CSS 工作原理](/zh-TW/docs/Learn/CSS/First_steps/How_CSS_works)中詳細介紹這個過程。一個（新）特性被所有瀏覽器同時實作出來是不常見的，通常會缺了幾個，CSS 某些部分你可以在某些瀏覽器上使用，然而在其它瀏覽器人則沒有作用。基於這個原因，確認特性被實作的狀況是有用的。在每個 MDN 的資源頁面上，你可以看到感興趣的屬性現在的狀態，因此你可以確定能不能把它使用在網站上。例如，參見 [CSS `font-family` 屬性的瀏覽器相容性表](/zh-TW/docs/Web/CSS/font-family#瀏覽器相容性)。
 
 ## 下一步…
 
-現在您已經知卜 CSS 是什麼，接著移動到 [CSS 入門](/zh-TW/docs/Learn/CSS/First_steps/Getting_started)單元，您可以在這裡開始寫一些 CSS。
+現在您已經知卜 CSS 是什麼，接著移動到 [CSS 入門](/zh-TW/docs/Learn/CSS/First_steps/Getting_started)單元，你可以在這裡開始寫一些 CSS。
 
 {{NextMenu("Learn/CSS/First_steps/Getting_started", "Learn/CSS/First_steps")}}
@@ -357,18 +357,6 @@ if (self.fetch) {
 }
 ```
 
-## Polyfill
-
-在不支援 Fetch 的瀏覽器, 可改用 [Fetch Polyfill](https://github.com/github/fetch) 來重新支持缺少的 fetch 功能。
-
-## 技術指標
-
-{{Specifications}}
-
-## 瀏覽器相容性
-
-{{Compat}}
-
 ## 參見
 
 - [ServiceWorker API](/zh-TW/docs/Web/API/ServiceWorker_API)

@@ -37,10 +37,6 @@ slug: Web/CSS/CSS_animations
 
 {{Specifications}}
 
-## Browser compatibility
-
-{{Compat}}
-
 ## See also
 
 - Related to CSS Animations, [CSS Transitions](/zh-TW/docs/Web/CSS/CSS_transitions) can trigger animations on user actions.
@@ -83,11 +83,7 @@ slug: Web/CSS/CSS_box_model/Mastering_margin_collapsing
 
 以上這些內容都是發生在 Block-Level 的元素，設定 floating 和 absolutely positioned 的元素完全不用擔心邊界重疊的計算。
 
-## 標準文件
-
-{{Specifications}}
-
-## 參考
+## 參見
 
 - [CSS Reference](/zh-TW/docs/Web/CSS/CSS_Reference)
 - CSS 重要概念：

@@ -87,11 +87,7 @@ function simulateClick() {
 }
 ```
 
-## 瀏覽器的支援度
-
-{{Compat}}
-
-## 延伸閱讀
+## 參見
 
 - {{domxref("document.createEvent()")}}
 - {{domxref("Event.initEvent()")}}

@@ -83,14 +83,6 @@ When discussing the various methods of listening to events,
 - **event listener** refers to a function or object registered via {{domxref("EventTarget.addEventListener()")}},
 - whereas **event handler** refers to a function registered via `on...` attributes or properties.
 
-## 規格
-
-{{Specifications}}
-
-## 瀏覽器相容性
-
-{{Compat}}
-
 ### Event handler changes in Firefox 9
 
 In order to better match the specifications, and improve cross-browser compatibility, the way event handlers were implemented at a fundamental level changed in Gecko 9.0.

@@ -5,7 +5,7 @@ slug: Web/HTTP/Headers/X-Forwarded-For
 
 {{HTTPSidebar}}
 
-**`X-Forwarded-For`** (XFF) 標頭是辨識用戶端透過 HTTP 代理或負載平衡 IP 位置來源的，事實上的標準。如果流量是在伺服器與用戶端中間擷取，伺服器日誌就只會代理或負載平衡的 IP 位置。如果要檢查用戶端的 IP 的原始來源，就會去檢查 `X-Forwarded-For` 請求標頭。
+**`X-Forwarded-For`**（XFF）標頭是辨識用戶端透過 HTTP 代理或負載平衡 IP 位置來源的，事實上的標準。如果流量是在伺服器與用戶端中間擷取，伺服器日誌就只會代理或負載平衡的 IP 位置。如果要檢查用戶端的 IP 的原始來源，就會去檢查 `X-Forwarded-For` 請求標頭。
 
 這個標頭用於除錯、分析、產生與位置相關的內容、透過設計也洩漏部分隱私資訊，例如用戶端的 IP 位置。因此在部署此標頭時，必須考慮到用戶的隱私。
 
@@ -19,7 +19,7 @@ slug: Web/HTTP/Headers/X-Forwarded-For
 
 ## 語法
 
-```plain
+```http
 X-Forwarded-For: <client>, <proxy1>, <proxy2>
 ```
 
@@ -32,7 +32,7 @@ X-Forwarded-For: <client>, <proxy1>, <proxy2>
 
 ## 示例
 
-```plain
+```http
 X-Forwarded-For: 2001:db8:85a3:8d3:1319:8a2e:370:7348
 
 X-Forwarded-For: 203.0.113.195
@@ -51,10 +51,6 @@ X-ProxyUser-Ip: 203.0.113.19
 
 任何版本都沒有被標準化。標準化版本的標頭為 {{HTTPHeader("Forwarded")}}。
 
-## 瀏覽器相容性
-
-{{Compat}}
-
 ## 參見
 
 - {{HTTPHeader("Forwarded")}}

@@ -3,9 +3,9 @@ title: JavaScript 型別陣列
 slug: Web/JavaScript/Guide/Typed_arrays
 ---
 
-{{JsSidebar("Advanced")}}
+{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Using_promises", "Web/JavaScript/Guide/Iterators_and_generators")}}
 
-當 Webapp 有了視頻、[音頻操作](/zh_tw/Introducing_the_Audio_API_Extension)及用 [WebSockets](/zh_tw/WebSockets) 存取原始資料等等的功能而變得越來越強大，讓 JavaScript 代碼可以快速、簡單地操作原始二進制資料的好處就越來越明顯。以前唯一的解法是視原始資料為[字串](/zh_tw/Core_JavaScript_1.5_教學/預先定義的核心物件/String_物件)並用 [`charCodeAt()`](/zh-TW/JavaScript/Reference/Global_Objects/String/charCodeAt) 方法讀取資料緩衝的位元組。
+當 Webapp 有了視頻、音頻操作，及用 [WebSocket](/zh-TW/docs/Web/API/WebSockets_API) 存取原始資料等等的功能而變得越來越強大，讓 JavaScript 代碼可以快速、簡單地操作原始二進制資料的好處就越來越明顯。以前唯一的解法是視原始資料為[字串](/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/String)並用 [`charCodeAt()`](/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt) 方法讀取資料緩衝的位元組。
 
 然而，由於需要多次型別轉換（特別是二進制資料並非以位元組計算，如 32 位元整數或浮點數），這個解法既慢又容易發生錯誤。
 
@@ -152,14 +152,6 @@ normalArray.length === 4;
 normalArray.constructor === Array;
 ```
 
-## 規範
-
-{{Specifications}}
-
-## 瀏覽器相容性
-
-{{Compat}}
-
 ## 參見
 
 - [Getting `ArrayBuffer`s or typed arrays from _Base64_-encoded strings](/zh-TW/docs/Web/JavaScript/Base64_encoding_and_decoding#Appendix.3A_Decode_a_Base64_string_to_Uint8Array_or_ArrayBuffer)