在進行網頁開發的時候，可能會需要將使用者輸入的資料顯示在HTML網頁上，此時的網頁就會暴露在XSS(Cross-Site Scripting)攻擊的危險下。如果網頁不做任何檢查，將使用者輸入的資料嵌入至網頁中的話，輸入資料中的HTML語法就會直接影響到網頁，就會使得網頁爛掉或是藏有惡意的連結和腳本。為了讓使用者輸入的資料不會被當作是一般的HTML語法，需要將特定的保留字元進行跳脫處理，像是「&lt...

現代的HTML網頁常會加入大量的「腳本(Script)」來讓網頁擁有各式各樣的功能。腳本固然強大，但若使用不當，很容易造成網頁的載入時間變長，影響使用者體驗。

Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過HTML模板來產生HTML網頁。

Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，舉凡網頁有用到的靜態資源(如JS、CSS、圖片檔等)，甚至是HTML網頁，Webpack都有辦法打包。

在使用HTML編寫網頁的時候，如果是使用英文撰寫，一旦單詞很長，當能夠顯示單詞的寬度不夠時，就會衍生出斷字的問題。要如何讓HTML把字斷在我們想要的位置上呢？

在實作多國語言網頁的時候，除了網頁後端程式需要擁有多國語言支援之外，前端程式也要跟著支援才行。怎麼說呢？假設有個支援中文、英文的網頁，我們在程式後端必須要想辦法判斷訪客所使用的語言來決定前端網頁到底要顯示中文還是英文。而在網頁上出現的文字可能會有兩種情形：第一種，文字是直接顯示在網頁上的，後端程式所得到的中文或是英文文字可以透過HTML模板引擎，直接將文字填入HTML中，顯示在網頁上。第二種，文字...

現在許多人都會架網站、寫網頁，相較於其他需要大量資料結構和演算法的專業知識來輔助開發的程式語言，在網站架設與網頁設計這塊領域所需要的技術門檻相對較低，而且網路上還可以找到許多相關的開發套件，只要拿來東湊西湊，就可以搞出一個還蠻像樣的網站。這樣的網頁雖然看似可以正常瀏覽，但其實都是我們所用的網頁瀏覽器在辛苦地幫我們過濾各式各樣的錯誤，而不同瀏覽器對於網頁有問題的地方之處理方式並不一定相同，因此可能也...