資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 11 年又 62 天

定義404頁面

什麼是404頁面?
HTTP 404或Not Found錯誤訊息是HTTP的其中一種「標準回應訊息」(HTTP狀態碼),此訊息代表客戶端在瀏覽網頁時,伺服器無法正常提供訊息,或是伺服器無法回應且不知原因。404錯誤訊息可能與「server not found」(無法找到伺服器)或其他類似訊息產生混淆。

原文出處:http://zh.wikipedia.org/wiki/HTTP_404

而通常404錯誤頁面會出現,有可能是使用者輸入錯的網址...

有可能原本有的頁面已經搬移或刪除了。

定義404頁面
當出現如上方這樣的情況時,對使用者來說可能就不是很友善了。

所以在這邊可以透過方式讓們可以自定義比較友善美觀的404頁面。

首先們設計出404頁面,告知目前訪問的頁面並不存在。並定義出引導使用者回到首頁的連結。

接著,將設計好的404頁面傳送到網站空間。

因為的環境是Linux空間,所以得定義.htaccess檔案:

.htaccess 是Apache HTTP Server的文件目錄系統級別的配置文件的默認的名字。
它提供了在主配置文件中定義用戶自定義指令的支持。
這些配置指令需要在.htaccess 上下文 和用戶需要的適當許可。

在.htaccess檔案裡寫下以下code

RewriteEngine on
ErrorDocument 404 http://www.yoursite.com/404.php

回存後上傳至網站空間測試。

定義404頁面
結果如上圖......

台北市松山區八德路四段650號 Go

  • 自定義友善美觀的404頁面
  • 如何設計404錯誤頁面
  • 使用者訪問不存在的網頁
  • 在Linux空間設定.htaccess檔案
  • 引導使用者回到首頁的連結
https://innstory.com/story-定義404頁面-427

上一篇
 馬來西亞薩騎馬

下一篇
RewriteRule仿靜態連結 

發表留言

  • Lin Ruo-Sui

    404頁面確實讓人感到挫折,特別是當你急著尋找資訊時。如果能在頁面上加入一些趣味元素或提示,或許能稍微緩解這種不快。設計不僅要美觀,還要具備實用性,這樣才能真正幫助使用者找到他們需要的內容。
    2026-06-20 下午 6 點回覆
  • Lin Ruo-Sui

    404頁面真的讓人困惑。遇到這種情況時,總是會感到有點沮喪,因為找不到想要的內容。自定義一個比較友善的404頁面聽起來不錯,至少可以引導使用者回到正確的地方,讓整個過程不那麼尷尬。希望這樣能減少使用者的困擾。
    2026-04-30 上午 11 點回覆

作者簡介

我是chung,網路工作者

主業是網站系統開發建置
副業是做夢、紀錄故事
作品請參考:teme.biz
做夢請參考:innstory.com
聯絡:chung.teme@gmail.com

有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。


推薦閱讀

作者其他相關類別故事

使用jquery animate達到動態效果

使用jquery anima…

Chung 11 年又 156 天 2.8K

首先..雖然在寫系統時常常會用到jquery 但我並沒有針對他的指令有做太深入的研究... 剛好這一...

在手機上如何建立網址到手機桌面中並且使用圖示

在手機上如何建立網址到手機桌…

Chung 8 年又 127 天 2.5K

上回做專案時,客戶說了手機桌面上的網站捷徑太醜,想要美化。 這回索性也幫Innstory美化一下,順...

現在的小學生也太幸福了吧

現在的小學生也太幸福了吧

Chung 2026-05-22 下午 2 點 333

又校外教學? 沒錯,繼上星期到小叮噹科學園區校外教學後,這星期,5U他們班又跑去淡水了……。 是說,...


推薦閱讀

這個地址也發生了其他故事

RewriteRule仿靜態連結

RewriteRule仿靜態…

Chung 11 年又 60 天 2.5K

前幾天寫了關於404頁面導向位置的定義。 同樣的是要定義.htaccess 這次是要將網址改變......

今晚晚餐,簡單又營養蛤蜊湯。

今晚晚餐,簡單又營養蛤蜊湯。

Chung 11 年又 45 天 2.4K

假日的晚餐.... 就這一碗蛤蜊湯... 因為,太晚吃午餐。因為,肚子還太飽。 所以Mandy煮了這...

一個人的簡單午餐...貓飯加上洛葵。

一個人的簡單午餐...貓飯加…

Chung 11 年又 67 天 1.9K

Mandy今天中午不在家。 但她煮了一鍋ABC湯....也煮好了飯。 剛剛下樓炒了一盤時蔬(洛葵),...


附近景點

這個地址-台北市松山區八德路四段650號-附近還有甚麼?

  • 原臺灣軍司令部
  • 臺北賓館
  • 國立臺灣大學日式宿舍-戴炎輝寓所
  • 老松國小
  • 原臺北北警察署
  • 張故居