https://magiclen.org/category/html/feed多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。zh-TWFri, 10 Apr 2026 00:46:07 +0000hourly81970-01-01T00:00+00:00https://magiclen.org/html-script-async-defer 現代的HTML網頁常會加入大量的「腳本(Script)」來讓網頁擁有各式各樣的功能。腳本固然強大，但若使用不當，很容易造成網頁的載入時間變長，影響使用者體驗。]]>研究分享HTMLHTMLhttps://magiclen.org/html-script-async-deferThu, 14 May 2020 12:00:28 +0800Magic Lenhttps://magiclen.org/webpack-html Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過HTML模板來產生HTML網頁。]]>研究分享HTMLJavaScriptHTMLJavaScriptnode.jsHandlebarsWebpackReactJSXBabelhttps://magiclen.org/webpack-htmlTue, 1 Oct 2019 12:00:06 +0800Magic Lenhttps://magiclen.org/html-break-word 在使用HTML編寫網頁的時候，如果是使用英文撰寫，一旦單詞很長，當能夠顯示單詞的寬度不夠時，就會衍生出斷字的問題。要如何讓HTML把字斷在我們想要的位置上呢？]]>研究分享HTMLHTMLhttps://magiclen.org/html-break-wordFri, 21 Jun 2019 12:00:28 +0800Magic Len