Войти
Регистрация

Редирект в HTML

Редирект в HTML

Бывают ситуации, когда необходимо настроить редирект(перенаправление) пользователей с одного сайта на другой или на другую страницу сайта. Например, если Вы решили сделать какие-то изменения на своем сайте и решили всех посетителей, при переходе на него перенаправлять на какую-нибудь другую страницу сайта, временную.

Есть 3 варианта перенаправления: с помощью HTML, JavaScript или файл .htaccess

1. Редирект через Javascript

Чтобы перенаправить с помощью скрипта, достаточно написать в HTML-коде нужной страницы сайта следующий скрипт:

<script>
  location.href="site.ru/testpage";
</script>

Мы просто прописали скрипт, который при посещении этой страницы сработает и перенаправит пользователя по адресу site.ru/testpage

2. Редирект через мета-тег refresh

Предыдущий вариант с JavaScript нам не очень подходит, т.к. у нас есть возможность сделать редирект с помощью мета-тега refresh:

<meta http-equiv="refresh" content="3;URL=http://editcode.ru" />

Этот мета тег помещается внутри тега верхнего уровня <head> на конкретной странице. О мета-тегах я писал в статье мета-теги HTML из раздела основ HTML.

Здесь мы в атрибуте content указали цифру 3, которая означает, что перенаправление произойдет через 3 секунды, после точки с запятой указали адрес, на который нужно перенаправлять посетителей.

Если Вы не укажете адрес, а оставите это место пустым например так:

<meta http-equiv="refresh" content="3;URL=" />

то страница будет просто обновляться каждые 3 секунды.

3. Редирект через файл .htaccess

Необходимо в файле .htaccess написать пару строк и разместить файл в корне сайте, тогда редирект будет идти со всего Вашего сайта, а не с отдельной страницы:

RewriteEngine On
RewriteRule (.*) http://site.ru/$1 [R=301,L]

где http://site.ru адрес, на который будет перенаправление при входе на любую страницу сайта.

Теперь Вы знаете, что такое редирект и как его осуществить с помощью HTML, JavaScript и файла .htaccess.

С уважением, Самвел Погосов

Рекомендую к изучению мой бесплатный видеокурс по HTML и CSS для начинающих с подробными видеоуроками и заданиями: Перейти к видеокурсу

Комментарии к статье

Бесплатный видеокурс

HTML и CSS для начинающих

Практический и бесплатный курс по основам HTML и CSS для начинающих. С этим курсом Вы сможете изучить базовые понятия верстки и стилей CSS. Курс с практическими уроками и заданиями, все видеоуроки последовательны и увлекательны. Я научу Вас всему, чему научился сам.

Получить курс
Опрос

Для чего Вы изучаете HTML и CSS?