最後更新：2025 年 4 月 9 日
DOCX 文件 是由 Microsoft Word 使用的文檔格式，是 Office Open XML (OOXML) 規範的一部分。DOC 是 Office 2007 之前使用的較舊的二進制文件格式。DOCX 更小、更安全，並支持高級功能。
請閱讀我們的詳細指南：DOC 和 DOCX 的區別
什麼是 DOCX 文件？ DOCX 文件 是由 Microsoft Word 用於存儲文本、圖像、表格及其他格式元素的文檔文件格式。隨著 Microsoft Office 2007 的推出，它成為 Word 文件的默認文件格式，並且是 Office Open XML (OOXML) 標準的一部分。DOCX 文件在各種平台上被廣泛支持，使之成為創建和共享文檔的可靠選擇。
與舊版的二進制 DOC 格式不同，DOCX 文件建立在 XML 結構之上。這一變化允許更好的壓縮、提高相容性及在文件損壞時更容易恢復文件。
DOCX 文件的突出之處 輕量和壓縮： DOCX 文件使用 ZIP 進行壓縮，與 DOC 文件相比，其尺寸更小，節省存儲空間並加快文件傳輸速度。
豐富的格式選項： DOCX 支持高級格式功能，例如樣式、主題、表格、圖像、圖表和嵌入對象，使用戶能夠創建專業外觀的文檔。
跨平台兼容性： DOCX 文件可以在多個應用程序中打開和編輯，包括 Google Docs、LibreOffice 和 Apple Pages，確保在多個設備和操作系統上的可訪問性。最後更新日期：2025年3月25日
什麼是XML？ XML（可擴展標記語言）是一種用於儲存、傳輸和重構數據的標記語言和文件格式。它提供了一種結構化的編碼信息方法，使其既可讀於人又可讀於機器。
XML的關鍵特性
1. 由開放標準定義
由萬維網協會（W3C）於1998年根據XML 1.0規範建立。 遵循嚴格的規則以確保數據結構化且易於解讀。 2. 設計目標
XML的設計考慮到簡單性、通用性和可用性，可在不同平台上使用。 使用基於文本的格式，易於閱讀和編輯。 3. Unicode支持
XML支持Unicode，允許存儲和處理多語言文本。 4. 多功能性
最初為文檔創建，現已廣泛用於各領域的數據表示，包括網絡服務、API 和配置文件。 5. 架構和API
XML結構可以使用文檔類型定義（DTD）、XML結構（XSD）或Relax NG定義。 各種API，如DOM（文檔對象模型）和SAX（簡單XML API），使XML處理成為可能。 6. XML的常見用途
不同系統之間的數據交換（例如，網絡服務，API）。 軟件應用程序中的配置文件。 存儲結構化信息（例如，RSS提要，SVG圖形，類似DOCX的文檔格式）。 網頁開發（例如，XHTML，SOAP，基於AJAX的應用程序）。 XML概述 1. XML的主要用途：序列化
XML中的序列化意味著：
以結構化格式存儲數據。 在不同系統之間傳輸數據。 重建可用形式的數據。 當兩個系統需要交換信息時，XML提供了一個標準化的文件格式以實現互操作性。它充當結構化數據交換的**“通用語言”**。
2. XML作為標記語言
XML是一種標記語言，意思是它：
用標籤標記數據以清晰結構。 層次結構化地組織信息。 用元數據分類數據。 示例：
XML BasicsJohn Doe 在此，、和<author>是定義數據元素的標籤。
3. XML結構（XSD）和驗證
一個**XML結構（XSD）**定義了XML文檔的結構規則。
XML文檔可以是：
格式良好的 → 遵循基本語法規則（正確嵌套，正確閉合標籤）。 有效的 → 符合結構規則（必需元素，正確數據類型）。 XSD規則示例：
<xs:element name="title" type="xs:string"/> 這確保了<title>必須包含一個字符串值。
4. XML媒體類型（RFC 7303）
</section>
<footer class="entry-footer"><span title='2025-03-25 00:00:00 +0000 UTC'>3月 25, 2025</span> · 2 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 什麼是XML：全面指南" href="https://blog.fileformat.com/zh-hant/web/what-is-xml-comprehensive-guide/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Python、Java 和 JavaScript 的最佳 XML 解析器（附示例）
</h2>
</header>
<section class="entry-content-home">
最後更新：2025年3月25日
XML（可擴展標記語言） 廣泛用於數據存儲、配置文件和 Web 服務。高效解析 XML 對於從事結構化數據的開發人員來說至關重要。在本篇文章中，我們將探討 Python、Java 和 JavaScript 的最佳 XML 解析器，並為每種語言提供範例。
1. Python 中的 XML 解析 Python 提供了多個用於解析 XML 文件的庫，每個庫適合不同的用例。
1.1 xml.etree.ElementTree （內建庫） xml.etree.ElementTree 是一個簡單且高效的內建模組，用於解析 XML。
範例：解析 XML 文件 優點： 輕量且易於使用。 缺點： 對於複雜的 XML 結構有限。 1.2 lxml （快速且功能豐富） lxml是一個強大的庫，基於libxml2 C 庫，提供速度和 XPath 支援。
範例：使用 lxml 解析 優點： 比 ElementTree 更快，支持 XPath。 缺點： 需要安裝（pip install lxml）。 1.3 BeautifulSoup （適合網頁抓取） BeautifulSoup 主要用於解析 HTML，但也支持 XML。
範例：使用 BeautifulSoup 解析 XML 優點： 易於使用，適合網頁抓取。 缺點： 比 lxml 慢。 2.
</section>
<footer class="entry-footer"><span title='2025-03-21 00:00:00 +0000 UTC'>3月 21, 2025</span> · 2 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to Python、Java 和 JavaScript 的最佳 XML 解析器（附示例）" href="https://blog.fileformat.com/zh-hant/web/the-best-xml-parsers-for-python-java-and-javascript-with-examples/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>如何使用 Python、Java 和 JavaScript 讀取和編輯 XML 文件
</h2>
</header>
<section class="entry-content-home">
最後更新：2025 年 3 月 25 日
XML（可擴展標記語言） 廣泛用於存儲和傳輸資料。無論您是初學者還是有經驗的開發者，了解如何讀取和編輯 XML 文件都是必須的。在本指南中，我們將介紹基本和高級方法以高效地處理 XML 文件。
理解 XML 結構 一個 XML 文件由元素、屬性和層次結構數據組成。這裡有一個簡單的 XML 示例：
讀取 XML 文件 1. 使用 Python Python 的 xml.etree.ElementTree 模組允許輕鬆地解析 XML。
xml.etree.ElementTree 是 Python 的內置模組，這意味著您不需要單獨安裝它。它隨 Python 一起預裝，並提供方便的工具來解析、修改和創建 XML 資料。
代碼解釋 此 Python 腳本使用 xml.etree.ElementTree 來解析 XML 文件 (books.xml)。它檢索所有 <book> 元素，提取它們的 <title>、<author> 和 <price> 值，並將其打印出來。這樣可以輕鬆讀取結構化的 XML 資料。
2. 使用 Java Java 提供 javax.xml.parsers 來處理 XML。
javax.xml.parsers 是 Java 的內置包，提供用於通過 DOM（文檔對象模型）和 SAX（簡單 API 用於 XML）解析器解析 XML 的類。它包含在 Java 標準庫中，因此無需安裝任何額外的東西即可使用它。
</section>
<footer class="entry-footer"><span title='2025-03-20 00:00:00 +0000 UTC'>3月 20, 2025</span> · 1 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 如何使用 Python、Java 和 JavaScript 讀取和編輯 XML 文件" href="https://blog.fileformat.com/zh-hant/programming/how-to-read-and-edit-xml-files-in-python-java-and-javascript/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>新手指南：閱讀和編輯 XML 文件
</h2>
</header>
<section class="entry-content-home">
最後更新: 2025年3月25日
為什麼要學習編輯 XML？ XML (可擴展標記語言) 被廣泛應用於存儲和傳輸數據在軟體應用、網絡服務和配置文件中。然而，許多人在正確打開或修改 XML 文件時遇到困難。本指南將幫助新手和開發人員學習如何高效地閱讀、編輯、驗證和格式化 XML。
開啟 XML 文件的工具 1. 記事本 (Windows 內建編輯器) 右鍵單擊 XML 文件並選擇 打開方式 > 記事本。 適合快速編輯，但缺乏語法高亮顯示。 2. Visual Studio Code (VS Code) 免費、輕量且功能豐富的代碼編輯器。 提供語法高亮、自動格式化以及 XML 驗證擴展。 3. Microsoft Excel 可以將 XML 作為結構化表格打開。 前往 文件 > 打開 > 瀏覽，選擇 XML 文件，並選擇 作為 XML 表。 4. 在線 XML 編輯器 像 CodeBeautify、XMLGrid、和 XMLViewer 這類網站允許查看和編輯 XML 而不需安裝軟體。 適用於快速檢查和格式化。 編輯 XML：語法規則和最佳實踐 遵循正確的標籤結構
每個開啟標籤必須有相應的閉合標籤。 <person> <name>John Doe</name> </person> 使用有意義的標籤名稱
</section>
<footer class="entry-footer"><span title='2025-03-19 00:00:00 +0000 UTC'>3月 19, 2025</span> · 1 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 新手指南：閱讀和編輯 XML 文件" href="https://blog.fileformat.com/zh-hant/web/a-beginner-guide-to-reading-and-editing-xml-files/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Minecraft 和 MCPACK 檔案
</h2>
</header>
<section class="entry-content-home">
最後更新時間: 2025 年 2 月 27 日
什麼是 Minecraft? Minecraft 是一款全球知名的沙盒遊戲，提供無與倫比的創意自由，讓玩家可以在程序生成的世界中探索、建造和生存。自 2009 年的 alpha 版發行及 2011 年正式推出後，Minecraft 已成為有史以來最暢銷的電子遊戲，銷量超過 3 億份。其開放式遊戲性、模塊化創造的能力以及社群驅動的內容創作都促成了其持久的成功。為 Minecraft 提供自訂功能的關鍵組成部分之一便是 MCPACK 檔案格式，玩家可利用其修改遊戲中的材質、聲音和行為。
Minecraft 的開放式特性 Minecraft 的獨特之處在於它沒有強制性的目標，讓玩家可以自訂自己的目標。儘管遊戲包括可選的成就系統，但核心體驗仍然圍繞著採礦資源、製造物品及使用積木構建復雜結構。玩家與由森林、沙漠、叢林和山脈等不同生物群系組成的廣闊程序生成世界進行互動。
遊戲的一大亮點是 紅石（Redstone），這是一種材料，可讓玩家創建複雜的電路、自動機械和邏輯閘。這導致了遊戲中的電腦、工作中的計算器甚至簡單的人工智能的開發，展現了 Minecraft 的深度和靈活性。
遊戲模式 Minecraft 提供了不同的遊戲模式，以滿足各種遊玩風格。
生存模式 在 生存模式 中，玩家必須收集木材和石頭等自然資源來製造工具、建造庇護所，並防禦在黑暗區域生成的敵對生物。該模式具有 健康條 和 飢餓條，需要玩家管理食物供應來維持健康。
玩家可以通過採礦、冶煉、繁殖動物和戰鬥獲得 經驗值。這些經驗值可以用於 附魔工具、武器和盔甲，提升其耐用性和效能。
當玩家死亡時，他們會掉落他們的物品庫，若能在物品於五分鐘後 消失 前返回該位置，則可以取回。預設的重生點設在世界生成點，但可以使用 床 或 重生錨 來調整。
生存模式有兩個變體：
極限模式（Hardcore Mode）：運作如生存模式但具有 永久死亡 —— 若玩家死亡，無法重生必須刪除世界或以觀眾模式遊玩。 冒險模式（Adventure Mode）：專為自定義地圖設計，此模式 限制玩家直接修改世界，要求他們遵循地圖創作者設置的預定規則。 創造模式 在 創造模式 中，玩家擁有 所有物品的無限存取權限，可隨意放置或移除方塊。玩家可以 自由飛行，而且不會受到傷害或感到飢餓，這使得此模式成為 建造大型專案、測試機械或紅石裝置試驗 的理想選擇。
MCPACK 檔案在 生存和創造模式中 都扮演關鍵角色，因為它們允許玩家修改材質、聲音和遊戲機制，以創造符合其偏好的自訂遊戲體驗。
</section>
<footer class="entry-footer"><span title='2025-02-27 00:00:00 +0000 UTC'>2月 27, 2025</span> · 2 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to Minecraft 和 MCPACK 檔案" href="https://blog.fileformat.com/zh-hant/game/minecraft-and-mcpack-files/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>PostScript: 一個清晰的解說
</h2>
</header>
<section class="entry-content-home">
最後更新: 2025年2月20日
什麼是 PostScript？ PostScript (PS) 是一種由 Adobe Systems 在1982年開發的 頁面描述語言 (PDL)。它主要用於桌面出版、印刷及圖形設計中，用來描述文字和圖像如何在頁面上呈現。
PostScript (PS) 的解說 PostScript (PS) 同時是一種 頁面描述語言 (PDL) 和一種 程序設計語言，具有 動態類型 和 基於堆疊 的特性。以下是其詳情：
1. 什麼是頁面描述語言 (PDL)？ 頁面描述語言定義了圖形和文字在打印或顯示屏上的顯示方式。PostScript 用於打印機、出版軟體和數字排版中，以精確地渲染字體、圖像和佈局。
2. 什麼是基於堆疊的程式語言？ PostScript 使用堆疊來處理指令，這意味著它遵循 後進先出 (LIFO) 原則。例如，要在 PostScript 中添加兩個數字，你需將它們推入堆疊，然後調用運算符來處理：
10 20 add 這為 10 和 20 推入堆疊，然後 add 命令將它們彈出並將結果 (30) 再次推入堆疊。
3. 動態類型 PostScript 不需要顯式的類型定義。變量可以容納不同類型（數字、字串、數組等）而不需預先定義類型。
4. PostScript 的用途 PostScript 主要用於桌面出版和電子出版，這意味著它助於創建和打印高質量文檔，具有對字體、佈局和圖形的精確控制。
5. 圖靈完備語言 作為 圖靈完備 意味著 PostScript 理論上可以執行任何計算，只要有足夠的記憶體和時間。這意味著它可用於一般的程式設計任務，而不僅僅是打印。
6. 歷史與發展 Adobe Systems 於 1982到1984年間開發。 由 John Warnock、Charles Geschke、Doug Brotz、Ed Taft 和 Bill Paxton 創立。 最新版本 PostScript 3 發於 1997年，其增加了更好的性能、顏色管理以及圖像壓縮。 PostScript 的歷史 PostScript 的起源可追溯至 1976年，當時 John Gaffney 在 Evans & Sutherland 工作中開發了頁面描述語言的概念，並建造了一個圖形數據庫。與此同時，Xerox PARC 正在開發 激光打印機，並需要一個標準來定義頁面圖像。最先他們創建了 Press 格式，後來在1978年發展成 Interpress，由 John Gaffney 和 Martin Newell 開發。
</section>
<footer class="entry-footer"><span title='2025-02-12 00:00:00 +0000 UTC'>2月 12, 2025</span> · 4 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to PostScript: 一個清晰的解說" href="https://blog.fileformat.com/zh-hant/page-description-language/postscript/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>GEDCOM 檔案格式與 FamilySearch
</h2>
</header>
<section class="entry-content-home">
最後更新: 2025年2月7日
什麼是 GEDCOM？ GEDCOM (Genealogical Data Communication) 是一種設計用來存儲、交換和共享家譜資料（家譜信息）的開放檔案格式。它廣泛用於家譜軟體和網站，使得在不同平台之間傳輸家譜資料變得更加容易。
誰開發了 GEDCOM？ GEDCOM 是由耶穌基督後期聖徒教會（LDS教會）創建的，該教會運營著一個主要的家譜研究組織——FamilySearch。他們的目標是簡化家譜資料的管理，並促進更好的研究合作。
GEDCOM 如何運作？ GEDCOM 檔案是純文字檔案（從第 7.0 版開始使用 UTF-8 編碼）。 它們包含有關個體的信息，如： 姓名 出生和死亡日期 家庭關係（父母、子女、配偶） 事件（婚姻、移民等） 這些記錄使用元數據進行鏈接，以確保家族成員之間的正確連接。 GEDCOM 版本與行業標準 最新的正式版本是 GEDCOM 7.0，於 2021 年發布。 然而， GEDCOM 5.5.1（自 1999 年發布，於 2019 年完成）仍然是最廣泛使用的標準。 因為 GEDCOM 5.5.1 存在限制，一些家譜軟體開發者創建了自定義擴展如**GEDCOM 5.5 EL（擴展位置）**來改進它。 GEDCOM 7.0 的採用 FamilySearch 計劃在 2022 年第三季度支持 GEDCOM 7.0。 Ancestry.com 也表示有興趣採用它，但尚未提供確切的實施日期。 為什麼 GEDCOM 很重要？ 跨平台兼容性 – 允許用戶在不同的家譜網站和軟體之間移動家譜資料。 長期資料存儲 – 確保家譜資料以標準化格式保持可訪問。 家譜合作 – 使研究人員和家族歷史學家能夠有效地共享和合併資料。 GEDCOM 資料模型的解釋 GEDCOM 使用一種家譜鏈接資料模型，以結構化的方式組織家庭關係。它基於核心家庭概念，意味著它是以父母和子女的關係，而不僅僅是個體來記錄。
</section>
<footer class="entry-footer"><span title='2025-02-07 00:00:00 +0000 UTC'>2月 7, 2025</span> · 3 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to GEDCOM 檔案格式與 FamilySearch" href="https://blog.fileformat.com/zh-hant/data/gedcom-file-format/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>用 Python 處理 PDF 文件
</h2>
</header>
<section class="entry-content-home">
最後更新: 2025年1月29日
在本文中，我們將指導您如何使用 Python 處理 PDF 文件。為此，我們將使用 pypdf 庫。
使用 pypdf 庫，我們將演示如何在 Python 中執行以下操作：
從 PDF 中提取文本 旋轉 PDF 頁面 合併多個 PDF 將 PDF 拆分為單獨文件 向 PDF 頁面添加水印 注意：本文涵蓋了許多有價值的細節，因此隨時跳至您最感興趣的部分！內容組織便於導航，以便您可以快速專注於最相關的內容。
範例代碼 您可以從以下鏈接下載本文中使用的所有範例代碼。它包含代碼、輸入文件和輸出文件。
用 Python 處理 PDF 文件的代碼範例和輸入文件 安裝 pypdf 要安裝 pypdf，只需在終端或命令提示符中運行以下命令：
pip install pypdf 注意：上述命令對大小寫敏感。
1. 使用 Python 從 PDF 文件中提取文本 代碼解釋 1. 創建 PDF 讀取器對象
reader = PdfReader(pdf_file) PdfReader(pdf_file) 將 PDF 文件加載到 讀取器對象中。 這個對象允許訪問頁面及其內容。 2. 遍歷頁面
for page_number, page in enumerate(reader.
</section>
<footer class="entry-footer"><span title='2025-01-29 00:00:00 +0000 UTC'>1月 29, 2025</span> · 3 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 用 Python 處理 PDF 文件" href="https://blog.fileformat.com/zh-hant/programming/working-with-pdf-files-in-python/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>建立或編輯 #EXTM3U 文件時常見的錯誤及修復方法
</h2>
</header>
<section class="entry-content-home">
最後更新: 2025年1月16日
我們已經在之前的文章中討論了 #EXTM3U 文件的關鍵元素和重要相關主題。請檢視這些內容。
#EXTM3U的介紹 如何手動創建 M3U 播放列表文件使用 #EXTM3U 在本文中，我們將討論用戶在建立或編輯 #EXTM3U 文件時常見的錯誤。
#EXTM3U 播放列表的關鍵語法元素 #EXTM3U: 這是播放列表文件的第一行，表示該文件是一個擴展的 M3U 播放列表。 #EXTINF:<duration>,<title>: 這一行提供媒體文件的持續時間（以秒為單位），接著是曲目的標題。 <duration>: 媒體文件的持續時間，以秒為單位。 <title>: 曲目的名稱或標題。如果未提供標題，可以省略，將使用文件名替代。 <file_path>: 此行包含實際媒體文件的文件路徑。根據文件的位置，這可以是相對路徑或絕對路徑。 #EXTM3U 文件的結構： #EXTM3U 文件的結構相對簡單，由一個標頭和幾個條目組成，每個條目代表一個媒體文件。以下是結構的分解：
標頭行：
文件以 #EXTM3U 開始，標識其為擴展的 M3U 播放列表。 曲目條目：
每個曲目條目由兩行組成： 第一行以 #EXTINF: 開頭，提供持續時間和標題。 第二行提供實際媒體文件的文件路徑或 URL。 完整的 #EXTM3U 文件範例： #EXTM3U #EXTINF:215,Song A C:\Music\songA.mp3 #EXTINF:300,Song B C:\Music\songB.mp3 #EXTINF:180,Song C http://example.com/songC.mp3 播放列表以 #EXTM3U 開始。 第一個曲目 “Song A” 的持續時間為 215 秒，文件位於 C:\Music\songA.mp3。 第二個曲目 “Song B” 的持續時間為 300 秒，位於 C:\Music\songB.
</section>
<footer class="entry-footer"><span title='2025-01-16 00:00:00 +0000 UTC'>1月 16, 2025</span> · 1 min · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 建立或編輯 #EXTM3U 文件時常見的錯誤及修復方法" href="https://blog.fileformat.com/zh-hant/audio/common-errors-when-creating-or-editing-extm3u-files-and-how-to-fix-them/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="next" href="https://blog.fileformat.com/zh-hant/page/2/">Next Page »</a>
</nav>
</footer>
</main>
<footer class="footer">
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>
<script>
(function(i, s, o, g, r, a, m) {i['ContainerizeMenuObject'] = r; i[r] = i[r] || function() {(i[r].q = i[r].q || []).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o),m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.append(a)})(window, document, 'script', 'https://menu.containerize.com/scripts/engine.min.js?v=1.0.1', 'fileformat-zh');
</script>
<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>