Merge pull request #13 from AndreaFan123/feat/general-page

Completed: general-page translation

state_of_html_2023.yml

@@ -5,4 +5,142 @@ translations:
   ###########################################################################
 
   - key: general.results.description
-    t: 每年舉辦的 HTML 生態系最新趨勢調查：2022 年版。
+    t: 2023年度 HTML 生態最新趨勢的現況調查。
+
+  - key: introduction.html2023
+    t: >
+      當 JavaScript 掌控網頁，CSS 每年都在增加新功能時，HTML 似乎一直保持沉默，樂於將舞台讓給它的年輕兄弟。畢竟，了解了 `<div>` 和 `<h1>` 到 `<h6>`，還有什麼需要知道的呢？
+
+      事實上，還有許多可以挖掘的！我們再次請來 [Lea Verou](https://lea.verou.me/)，她對 Web 平台的深入了解，幫助我們製作了一份調查，這份調查不僅僅涵蓋了純 HTML，還包括了無障礙、Web 元件等更多內容。這也解釋了為什麼這份報告花了這麼長時間才發布——有大量的新資料需要處理！希望您會覺得這個結果是值得等待的。除了這裡包含的資料之外，我們還改進了**自訂圖表**功能，讓使用者能更細緻地調整資料視覺化。如果在這個過程中發現了任何有趣的見解，請務必告訴我們！
+
+      你可以閱讀[這篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)或觀看 [YouTube 影片](https://www.youtube.com/watch?v=G-rFwp2zUT4)了解更多細節。
+
+      以上都已經介紹完畢，現在歡迎來看看第一次 HTML 狀態調查的結果。想必之後，你再也不會以同樣的眼光看待 HTML 了！
+
+  ###########################################################################
+  # Tshirt
+  ###########################################################################
+
+  - key: sections.tshirt.title
+    t: T-shirt
+
+  - key: sections.tshirt.description
+    t: |
+      ## 透過 HTML 現況調查 T 恤支持我們
+
+      想念 90 年代中期的好日子嗎？當時 HTML 是王者，VHS 磁帶封面圖案充滿未來感和色彩？
+
+      壞消息是，即使有 2024 年的技術，也不能回到過去重溫那些輝煌的日子了。但可以穿上這件由才華橫溢的 Christopher Kirk-Nielsen 設計的原創復古 T-shirt。
+
+  - key: tshirt.about
+    t: 關於 T-shirt
+
+  - key: tshirt.description
+    t: |
+      我們使用高品質、超柔軟的三合一 T-shirt，採用修身剪裁，由合作夥伴 Cotton Bureau 印刷。
+
+  - key: tshirt.getit
+    t: 現在就購買！
+
+  - key: tshirt.price
+    t: USD $32 + 運費
+
+  - key: tshirt.designer.heading
+    t: 關於設計師
+
+  - key: tshirt.designer.name
+    t: Christopher Kirk-Nielsen
+
+  - key: tshirt.designer.bio
+    t: |
+      從法國出發，現定居美國，Chris 不僅是一位出色的前端開發人員，還是一位擅長製作復古視覺效果的插畫家。事實上，我們鼓勵您也查看他的[其他 T-shirt 設計](https://chriskirknielsen.com/designs)！
+
+  ###########################################################################
+  # Sections Introductions
+  ###########################################################################
+
+  - key: sections.user_info.description.html2023
+    t: |
+      歡迎來到 HTML 現況調查。這是第一次舉辦的調查，總共有來自世界各地的 **20,904** 位參與者。
+
+  - key: sections.features.description.html2023
+    t: |
+      HTML 功能和其他瀏覽器 API
+
+  ###########################################################################
+  # Other Content
+  ###########################################################################
+
+  - key: features.all_features.description
+    t: |
+      這個圖表總結了調查中的所有功能問題。主要條形圖代表了受訪者的經驗；以及根據受訪者的情感進一步細分。可以在兩者之間切換分組。也可以在每個功能子部分找到相同資料更具體的分析。
+
+  ###########################################################################
+  # Sponsors
+  ###########################################################################
+
+  - key: sponsors.frontendmasters.description
+    t: 透過深入、現代的前端工程課程提升您的技能。
+  - key: sponsors.google_chrome.description
+    t: 感謝 Google Chrome 團隊支持我們的工作。
+  - key: sponsors.tokyodev.description
+    t: 在日本找到您的夢想開發人員工作。
+  - key: sponsors.renderatl.description
+    t: 專注於前端工程的技術會議。
+
+  ###########################################################################
+  # Conclusion
+  ###########################################################################
+
+  - key: conclusion.html2023.bio
+    t: W3C 技術架構小組成員 & MIT CSAIL 研究員
+  - key: conclusion.html2023
+    t: >
+      *哇喔!* 這個調查奠基在全球六大洲數十人的努力。不僅創下了「現況調查」系列中首次回應最多的紀錄，也創新了資料收集的 UI，讓我們對開發者的態度有了前所未有的洞察，並將遠遠超出其範圍。有些人認為改進 HTML 是徒勞的，但調查結果卻明確地證明了相反。**開發者渴望更多互動式 HTML 元素**：不僅互動元素（如 `<datalist>` 或 Popover API ）在所有類別中積累了最多的正向情感，而且所有[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements)中的前幾名都是互動式小部件。
+
+
+      然而，僅僅提供預設功能來使簡單事物變得容易已經不夠。透過支持全面制定實現複雜事物的可能性是必要的：自訂程度不足，特別是**樣式**，是最常見的痛點。就前述來看，表單元素也是[最常重工的元素](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)，一個讓開發者和使用者都兩敗俱傷的結果。幸運的是，有許多新的倡議來改善這一點，所以未來看起來是光明的。
+
+
+      另外一個重要的需求是可擴展性。如果只有標準機構有權擴展 HTML，那就無法擴展；此外，通用元素不可能滿足巨大的需求多樣性。不幸的是，**Web 元件 API**（尤其是 Shadow DOM），雖然被廣泛使用，但似乎在滿足開發者需求和提供流暢的開發者體驗方面表現不佳，因為它們在整個調查中排名最差。然而，這一領域的持續活動（其中一些我參與了）讓我對此充滿希望，儘管這是一條崎嶇的道路，但它們正在朝著實現其全部潛力的方向前進。
+
+
+      這就帶我到最後一點：重要的是要記住，這份調查只是開發者觀點的一個快照，反映了當時 Web 平台的狀態。然而，調查的主要目標之一是透過了解開發者需求來改善現狀。今天有多少痛點將因此而得到解決？今年約莫下半年加入我們進行調查的第二次迭代，讓我們一起找出答案！
+
+  ###########################################################################
+  # About
+  ###########################################################################
+
+  - key: about.content
+    t: |
+      2023 HTML 現況調查 於 2023 年 9 月 19 日至 10 月 19 日進行，共收集了 20,904 份回覆。
+
+      這份調查的設計工作由 [Lea Verou](https://lea.verou.me/) 領導，感謝 Google 的資助。Lea 還監督了新 UI 資料收集元素的原型設計、測試和實施；貢獻了資料處理；並協助資料視覺化。
+
+      問卷調查的設計和開發由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 負責，以及開源貢獻者和顧問團隊的幫助。
+
+      今年的 Logo 和 T-shirt 由 [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) 擔綱主要設計。
+
+      ### 調查目的
+
+      這個調查的目的是為了幫助開發者做出技術選擇，以確定 Web 開發生態系統中即將到來的趨勢。 
+
+      因此，這份調查的重點是預測未來幾年即將到來的趨勢，而不是分析當前最流行的功能或技術，這就是為什麼當前最普遍的功能或技術並不一定包含在內。 
+
+      這應該被視為特定開發者子集的一個快照，並不代表整個生態系統。
+
+      這份調查是公開在線上進行的，受訪者並沒有被過濾或選擇。
+
+      ### 資金來源
+
+      資金來自各種來源：
+
+      - **T-shirt 販售**. 
+
+      - **贊助連結**：每頁底部推薦資源的連結由我們的合作夥伴 [Frontend Masters](https://frontendmasters.com/) 提供。
+
+      - **其他資金**：[Google](https://www.google.com/) 和 [TokyoDev](https://www.tokyodev.com/) 也贊助了調查工作。
+
+      ### 調查方法
+
+      可以在[這裡](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a)找到更深入的技術概述，說明了如何進行調查。