Задать вопрос
Kinderman
@Kinderman
Front-end Developer

Как правильно и без костылей сделать адаптивную страницу 404?

Я понимаю, что необходимо в корневом каталоге сайта создать файл с названием .htaccess, содержащий такой код:
ErrorDocument 404 /404.html

После этого создать в корне сайта файл 404.html и прописать в нём сам код страницы, которая будет показываться при ошибках 404.
Но.
Как его правильно стилизовать? Пихать стили в основной файл стилей (типа main.css)?
Или в корне сайта создавать отдельный файлик CSS и туда прописывать стили именно для страницы 404 ну и медиазапросы тоже в нём писать?
И надо ли в самом html файле страницы 404 прописывать все метатеги как в основной странице сайта index.html? Или только стандарт (например, который прописывает emmet):
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
  • Вопрос задан
  • 157 просмотров
Подписаться 1 Простой 4 комментария
Решение пользователя Иван Кулаков К ответам на вопрос (2)
ivankprod
@ivankprod
Системный / веб fullstack-разработчик
1. Стили: если стилей много или сама 404 должна быть показана как страница в основном содержимом сайта, то однозначно пихайте стили в общий бандл. Отдельный css-бандл для страниц ошибок не делают.
2. Метатеги: достаточно указать meta robots noindex nofollow.
Ответ написан