在網絡世界里,404頁面是一個常見的頁面。當你訪問一個不存在的頁面時,服務器就會返回404錯誤碼,瀏覽器則會呈現一個錯誤頁面。
下面是一個簡單的404頁面的HTML代碼:
<!DOCTYPE html> <html> <head> <title>404 Page Not Found</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="error"> <h1>404 Page Not Found</h1> <p>Oops! The page you are looking for does not exist.</p> <p>Please check the URL or try using our search bar to find what you are looking for.</p> <a href="/">Home</a> </div> </body> </html>代碼解釋: * 第一行指定了文檔類型為HTML5。 * 在head標簽內,設置頁面的標題和字符集。我們還設置了viewport,讓頁面在移動設備上具有更好的瀏覽體驗。 * 在body標簽內,我們定義了類名為"error"的div元素。我們在div中包含了一個h1元素和兩個p元素,用于向用戶展示錯誤信息。我們還提供了一個鏈接,允許用戶回到首頁。 * 最后一行關閉了HTML文檔。 要注意的是,404頁面應該盡可能地簡單和直接。錯誤信息應該清晰明了,而且頁面的設計和公司原網站保持一致。這有助于讓用戶更快地重新定位到他們所需要的信息。
上一篇html5 設置文字顏色
下一篇白云飄動css3