最近更新: 17 Jun, 2025
在数字文档格式中，PDF 和 Word 是大多数人最熟悉的两种。你可能在某个时刻都使用过它们，甚至没有太在意它们的区别。但如果你曾经自问 “我应该把它以 Word 文件还是 PDF 发送？”——你并不孤单。
在本文中，我们将拆解 PDF 与 Word 的真实差异，探讨各自的优缺点，并帮助你判断哪种格式最适合你的需求。
什么是 Word 文件？ 让我们先说说 Word。Word 文件通常使用 .doc 或 .docx 扩展名，由 Microsoft Word（其他程序也能打开）创建。它非常适合撰写和编辑内容——比如简历、报告、提案，或是你熬夜写的 5 页论文。
Word 的优势：
易于编辑 – 直接打开，修正错别字、改变字体、插入表格——毫无压力。 协作 – 通过修订和评论功能，完美支持团队项目。 灵活的格式 – 无论是宣传册还是基础文档，你都拥有完整的控制权。 但 Word 文件并非完美……
在不同设备上布局可能会被打乱。 如果对方没有 Word 或兼容的应用，可能无法正常打开。 文件容易被意外（或故意）编辑。 什么是 PDF 文件？ PDF（Portable Document Format）由 Adobe 开发，旨在让文档在任何设备或平台上打开时保持原样。无论你使用手机、平板、PC 还是 Mac，文档都会如你所设想的那样呈现。
人们喜爱 PDF 的原因：
一致性 – 你看到的就是所有人看到的。 适合最终版本 – 完美用于分享不应被更改的精致作品。 通用兼容性 – 几乎在任何设备或操作系统上都能打开，无需担心格式问题。 然而，PDF 并不总是最佳工具： Last Updated: 16 Jun, 2025
这些天，PDF（Portable Document Format 的缩写） 随处可见——你可能在工作、学校，甚至填写表格时都用过它。但 为什么使用 PDF 文件 而不是其他格式，如 DOCX、TXT 或 HTML 呢？在本文中，我们将探讨 PDF 格式的优势，指出其 局限性，并帮助你判断何时 PDF 是正确的选择。
什么是 PDF 文件？ PDF 是由 Adobe 开发的一种文件格式，能够在所有设备和平台上保持文档的格式、布局和内容。无论在 Windows、macOS、Android 还是 iOS 上打开，PDF 看起来都完全相同。
PDF 格式的优势 下面来看一些使 PDF 成为企业、学生和专业人士首选的 PDF 格式优势：
1. 通用兼容性 PDF 文件与平台无关。它们可以在任何设备上打开和查看，而不会丢失格式、字体或图像。
2. 保持布局和设计 无论是简历、发票，还是 电子书，PDF 格式都会保留文档的原始布局，适合专业和可打印的文档。
3. 支持多媒体 PDF 可以嵌入图像、超链接、批注、表单、音频，甚至视频——提供超越纯文本的丰富文档体验。
4. 安全特性 PDF 提供内置的安全选项，如密码保护、加密和数字签名，使其成为机密文件的可信格式。
5. 轻量且可压缩 PDF 文件可以在不显著降低质量的情况下进行压缩，这对电子邮件附件和云存储非常有帮助。
6. 易于打印 由于 PDF 保持设计和尺寸，它们针对打印进行了优化，确保屏幕上看到的内容在纸上保持一致。
PDF 的局限性 尽管有诸多优势，这种格式并非完美。以下是需要考虑的常见 PDF 局限性： 最后更新: 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. 适用性
最初为文档创建，现在 XML 被广泛用于各个领域的数据表示，包括网络服务、API 和配置文件。 5. 模式和 API
XML 结构可以使用文档类型定义（DTD）、 XML 架构（XSD） 或 Relax NG 来定义。 各种 API，如 DOM（文档对象模型） 和 SAX（简单 API for XML），支持 XML 处理。 6. XML 的常见用途
不同系统之间的数据交换（如网络服务、API）。 软件应用中的配置文件。 存储结构化信息（如 RSS 提要、SVG 图形、文档格式如 DOCX）。 网络开发（如 XHTML、SOAP、基于 AJAX 的应用）。 XML 概述 1. 最后更新: 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。 最后更新：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）。它检索所有 元素，提取它们的、<author> 和 <price> 值，并打印出来。这使得结构化的 XML 数据读取变得更容易。
2. 使用 Java Java 提供 javax.xml.parsers 用于处理 XML。
javax.xml.parsers 是一个 Java 内置包，提供用于使用 DOM（文档对象模型）和 SAX（简单 API for XML）解析器解析 XML 的类。它被包含在 Java 标准库中，所以无需额外安装即可使用。
</section>
<footer class="entry-footer"><span title='2025-03-20 00:00:00 +0000 UTC'>三月 20, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 如何用 Python、Java 和 JavaScript 读取和编辑 XML 文件" href="https://blog.fileformat.com/zh/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 (可扩展标记语言) 广泛用于软件应用程序、Web服务和配置文件中的数据存储和传输。然而，许多人在正确打开或修改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> 使用有意义的标签名
除非必要，避免使用诸如<item>或<data>这样的一般性标签。 确保嵌套正确
不正确的示例： <parent> <child1> <child2></child2> </child1> </parent> 正确的示例： <parent> <child1> <child2></child2> </child1> </parent> 转义特殊字符
使用<代表<，>代表>，&代表&。 使用XSD（XML模式定义）验证XML XML验证通过使用XSD文件定义规则来确保数据的完整性。
验证XML的步骤： 创建一个XSD文件（定义XML结构）
</section>
<footer class="entry-footer"><span title='2025-03-19 00:00:00 +0000 UTC'>三月 19, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 阅读和编辑XML文件的新手指南" href="https://blog.fileformat.com/zh/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年测试版发布和2011年正式发布以来，Minecraft 已成为有史以来最畅销的视频游戏，销量超过3亿份。其开放式的游戏玩法、模组功能和社区驱动的内容都促进了其持久的成功。其中一个使 Minecraft 实现自定义的关键组件是 MCPACK 文件格式，它允许玩家修改游戏内的纹理、声音和行为。
Minecraft 的开放性 Minecraft 的独特之处在于其并没有强制性的目标，允许玩家自己定义游戏目标。虽然游戏包含一个可选的成就系统，但核心体验围绕在通过方块建造采集资源、制作物品和建造复杂建筑上。玩家与一个由不同生物群系组成的扩展、程序化生成的世界互动，包括森林、沙漠、丛林和山地。
游戏最值得注意的特性之一是 红石，这是一种材料，允许玩家创建复杂的电路、自动化机械和逻辑门。这些使得游戏内出现了计算机、计算器和简单的人工智能形式，展示了 Minecraft 的深度和灵活性。
游戏模式 Minecraft 提供不同的游戏模式以满足各种玩法风格。
生存模式 在生存模式中，玩家必须收集自然资源如木材和石头以制作工具、建造避难所，并从黑暗区域生成的敌对生物中保护自己。该模式设有一个健康条和一个饥饿条，要求玩家管理食物供应以维持健康。
玩家可以通过采矿、冶炼、繁殖动物和战斗等活动获得经验值。这些经验值可以用来附魔工具、武器和盔甲，提高它们的耐久性和效能。
当玩家死亡时，他们会掉落物品，这些物品可以在5分钟内被取回，否则会消失。重生点默认为世界生成点，但可以通过床或重生锚进行调整。
生存模式有两种变体：
硬核模式：类似于生存，但具有永久死亡——玩家死亡后无法重生，必须删除世界或以旁观者身份进行游戏。 冒险模式：专为自定义地图设计，此模式限制玩家直接修改世界，要求他们遵循地图制作者设定的预定义规则。 创造模式 在创造模式中，玩家可以无限制地获取所有物品，并即时放置或移除方块。玩家可以自由飞行，不受伤害或饥饿威胁，使此模式特别适合于大型项目的建造、测试机制和红石装置的实验。
MCPACK 文件在生存和创造模式中都扮演着关键角色，因为它们允许玩家修改纹理、声音和游戏机制，以创造符合他们偏好风格的自定义体验。
玩家自定义：皮肤和 MCPACK 文件 新的 Minecraft 玩家会随机分配一个默认皮肤，共有九种选项，包括标志性的 Steve 和 Alex 模型。然而，Minecraft 最受欢迎的特性之一就是自定义皮肤的能力。玩家可以创造并上传自己的角色设计，替换默认纹理为个性化的版本。
这些自定义皮肤通常以 PNG 格式 存储，但当其打包成资源包时，它们格式化为 MCPACK 文件。MCPACK 格式是一种压缩包，包含自定义资源如：
角色皮肤（玩家和生物的自定义外观） 纹理（对方块、物品和用户界面元素的修改） 声音（自定义背景音乐、音效或语音包） Minecraft 中的生物：被动、中立和敌对实体 生物（简称移动实体）为 Minecraft 的世界带来了生机，种类不同的生物对游戏玩法产生不同的影响。这些生物包括：
被动生物（友好且对资源有用）：牛、猪、鸡和羊提供食物、羊毛和皮革。 敌对生物（攻击玩家）：僵尸、骷髅、蜘蛛、女巫和臭名昭著的苦力怕，其接近玩家时会自爆。 中立生物（未被激怒时非敌对）：末影人、狼和猪灵。末影人具有可以瞬移和搬运方块的独特性，让其成为游戏中最有趣的生物之一。 某些敌对生物如僵尸和骷髅在阳光下会燃烧，除非受到头盔保护或站在水中。还有一些特殊的生物变体，如尸壳（免疫阳光的沙漠僵尸）和溺尸（生活在海洋和河流中的僵尸）。
使用 MCPACK 文件修改生物和纹理 MCPACK 文件是 Minecraft 自定义系统的重要组成部分。玩家和开发者使用它们创建自定义资源包以修改游戏内的视觉、声音甚至行为。通过 MCPACK 文件，玩家可以：
</section>
<footer class="entry-footer"><span title='2025-02-27 00:00:00 +0000 UTC'>二月 27, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to Minecraft 与 MCPACK 文件" href="https://blog.fileformat.com/zh/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) 是一种页面描述语言 (PDL)，由Adobe Systems于1982年开发。主要用于桌面出版、打印和图形设计，用于描述文本和图像如何在页面上呈现。
对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. 图灵完备的语言 Being 图灵完备意味着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年演变为由John Gaffney 和 Martin Newell开发的Interpress。
在1982年，John Warnock 和 Chuck Geschke 离开了Xerox PARC，并共同创立了Adobe Systems，与Doug Brotz、Ed Taft 和 Bill Paxton一起开发了PostScript，作为一个简单的Interpress替代品。它于1984年商业发布。
</section>
<footer class="entry-footer"><span title='2025-02-12 00:00:00 +0000 UTC'>二月 12, 2025</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to PostScript: 清晰解释" href="https://blog.fileformat.com/zh/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 Church）创建的，该教会运营着一个主要的家谱研究组织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使用一种谱系链接数据模型来以结构化方式组织家庭关系。它基于核心家庭概念，这意味着它记录关系是以父母和子女的形式，而不仅限于个体。
GEDCOM数据模型的关键组件 INDI（个体）记录
谱系文件中的每个人作为一个INDI（个体）记录存储。 每个个体都分配有一个唯一的ID号，以确保文件中的正确链接。 FAM（家庭）记录
家庭记录（FAM）作为个体之间的链接结构。 一个FAM记录分配： HUSB（丈夫）– 家庭中的父亲。 WIFE（妻子）– 家庭中的母亲。 CHIL（子女）– 夫妇的子女。 这些标签是历史性的，基于最初的GEDCOM模型，但至今仍在使用。 GEDCOM中性别表示的演变 起初，GEDCOM模型设计是基于异性恋家庭结构，其中男性（HUSB）和女性（WIFE）有子女（CHIL）。 GEDCOM 7.0规范说明这些术语不暗示性别角色或生物亲子关系。 更新的规范允许： 同性伴侣 收养、寄养和共同生活 更灵活的家庭结构 当提到FAM记录中的个人时，现在更倾向于使用术语**“伴侣”、“父母”或“配偶”**。 这为何重要？ 保持结构化关系 – 确保每个人都正确连接到父母、配偶和子女。 提高兼容性 – 允许家谱软件有效识别和组织家庭数据。 增加包容性 – 支持多样化的家庭结构，而不假定传统性别角色。 GEDCOM文件结构的解释 一个GEDCOM文件由三个主要部分组成：头部、记录和结尾。每个部分在组织家族数据中扮演特定的角色，文件的结构高度组织化，以确保个人和家庭之间的关系清晰且标准化。
</section>
<footer class="entry-footer"><span title='2025-02-07 00:00:00 +0000 UTC'>二月 7, 2025</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to GEDCOM 文件格式与FamilySearch" href="https://blog.fileformat.com/zh/data/gedcom-file-format/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="prev" href="https://blog.fileformat.com/zh/page/3/">« 上一页</a>
<a class="next" href="https://blog.fileformat.com/zh/page/5/">下一页 »</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>