一般我們在做網站透過前端框架或後端語言要把網頁拆成元件後讀進來都很簡單，如果沒有用到以上提到的方式，單純想在 HTML 檔案裡讀入其他的 HTML 檔案，可以考慮使用 w3 的方法。
將 w3.js 讀入
<script src="https://www.w3schools.com/lib/w3.js"></script>也可以下載 js 後再讀入頁面。
w3.includeHTML();
這邊舉例來說我把 header 的部分存在一個 header.html 的檔案，然後想在另一個 index.html 檔案裡讀入，就可以在 index.html 裡寫
<div w3-include-html="header.html" ></div>給有需要的朋友參考。
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
![[WordPress Plugin] WPCode：方便的程式碼管理外掛，可方便的撰寫及管理 PHP、JS、CSS、HTML 等相關程式碼](/assets/upload/1613481490813_0.png)
![[D3.js] 透過 .text() 插入文字內容](/assets/upload/1622463755482_0.png)
