Skip to content

404.html

Jump to bottom
Carolina Mamani edited this page Nov 6, 2023 · 1 revision

DOCTYPE y Estructura Básica:

  • <!DOCTYPE html>: Define el tipo de documento y la versión de HTML.
  • <html>: Elemento raíz de un documento HTML.

Cabecera del Documento:

Dentro del elemento <head>:

  • <meta charset="utf-8">: Especifica la codificación de caracteres del documento.
  • <meta name="viewport" content="width=device-width, initial-scale=1">: Asegura que la página es responsive y se ajusta adecuadamente a la ventana del dispositivo.
  • <title>Page Not Found</title>: Define el título del documento, que se muestra en la pestaña del navegador.

Estilos:

Los estilos se definen dentro del elemento <style>:

  • Se establecen estilos generales para el body, como el color de fondo, la fuente y los márgenes.
  • #message: Estilos para el contenedor del mensaje principal.
  • #message h1, h2, h3, p, a: Estilos específicos para los diferentes niveles de encabezados, párrafos y enlaces dentro del contenedor del mensaje.
  • #load: Estilo para algún elemento que podría haberse utilizado para mostrar una carga, pero no se muestra en el código actual.
  • @media (max-width: 600px) {...}: Consulta de medios que aplica estilos específicos para dispositivos con un ancho máximo de 600px (por ejemplo, dispositivos móviles).

Cuerpo del Documento:

Dentro del elemento <body>:

  • <div id="message">: Contenedor principal para el mensaje de error.
    • <h2>404</h2>: Muestra el código de estado "404", que indica que la página no se encontró.
    • <h1>Page Not Found</h1>: Título principal indicando que la página no se encontró.
    • <p>: Proporciona una explicación sobre el error.
    • <h3>Why am I seeing this?</h3>: Encabezado que introduce una posible explicación del error.
    • <p>: Explica que la página fue generada por la Interfaz de Línea de Comandos de Firebase y cómo el usuario puede modificarla.

Notas:

La página 404.html es una página estándar que se muestra cuando un usuario intenta acceder a una URL que no existe en el servidor. En este caso, parece que fue generada usando Firebase. El diseño es simple y directo, y proporciona una explicación clara al usuario sobre el error y cómo se generó la página.

Clone this wiki locally