Автоматический переход на другую страницу
Пример:
<meta http-equiv="Refresh" content="10; URL=http://www.mysite/index.html">
Если вдруг по каким либо причинам Вы задумаете поменять URL адрес Вашего сайта то хорошо было бы на старом месте оставить страницу вроде этой:
<html> <head><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"><meta http-equiv="Refresh" content="10; URL=http://www.mysite/index.html"> <title>Переадресация</title> </head> <body><font size="+1">Адрес сайта был изменен, через 10 секунд Ваш браузер будет автоматически перенаправлен по новому адресу:<br><a href="http://www.mysite.ru/index.html"><b>http://www.mysite.ru/</b></a><br>Нажмите <a href="http://www.mysite.ru/index.html">здесь</a> для того чтобы выполнить переход немедленно.<br>Приносим извинения за доставленные неудобства.</font> </body></html>
Разберём и осмыслим строчку из примера:
<meta http-equiv="Refresh" content="10; URL=http://www.mysite/index.html">meta http-equiv="Refresh"- Refresh (восстановление) указывает браузеру что данную страницу необходимо обновитьcontent="10;- обновить через заданное количество секунд (в нашем случае десять)URL=http://www.mysite/index.html"- адрес новой/другой страницы на которую следует перейти.
Пример:
<meta http-equiv="Refresh" content="30">
А вот если в заголовке RefreshURL адрес упустить, как показано в примере, то тогда браузер будет постоянно через каждые 30 секунд (ну или не 30.. сколько пропишите через столько и будет..) обновлять содержимое данной страницы.
Такой метод широко используется в новостных лентах, где информация идет так сказать потоком и требует постоянного обновления.
Эффекты при переходе по ссылке
Пример:
<meta http-equiv ="Page-Enter" Content="RevealTrans(Duration=1.0, Transition=0)"> <meta http-equiv ="Page- Exit " Content="RevealTrans(Duration=3.0, Transition=23)">
Данные заголовки создают визуальные эффекты при переходе с одной страницы на другую.
Page-Enter- Эффект появления страницы
Page- Exit- Эффект исчезновения страницы
В которых:
Duration- время действия эффекта в секундах
Transition- Один из номеров предлагаемых эффектов (от 0 до 23) перечисленных в таблице:
|
Номер |
Описание эффекта |
Номер |
Описание эффекта |
|
0 |
Прямоугольники внутрь |
12 |
Растворение |
|
1 |
Прямоугольники наружу |
13 |
Вертикальная панорама внутрь |
|
2 |
Круг внутрь |
14 |
Вертикальная панорама наружу |
|
3 |
Круг наружу |
15 |
Горизонтальная панорама внутрь |
|
4 |
Наплыв наверх |
16 |
Горизонтальная панорама наружу |
|
5 |
Наплыв вниз |
17 |
Уголки влево - вниз |
|
6 |
Наплыв вправо |
18 |
Уголки влево - вверх |
|
7 |
Наплыв влево |
19 |
Уголки вправо – вниз |
|
8 |
Вертикальные жалюзи |
20 |
Уголки вправо – вверх |
|
9 |
Горизонтальные жалюзи |
21 |
Случайные горизонтальные полосы |
|
10 |
Шажки горизонтальные |
22 |
Случайные вертикальные полосы |
|
11 |
Шажки вертикальные |
23 |
Случайный выбор эффекта |
Пример:
Файл page1.html <html> <head><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"><meta http-equiv ="Page-Enter" Content="RevealTrans(Duration=1.0, Transition=12)"> <title>Эффекты перехода страниц</title> </head><body bgcolor="#c5ffa0"> <center> <h2>На заметку:</h2> <font size="+1">Эффекты перехода с одной страницы на другую работают не во всех браузерах.</font><hr><br> <font size="+1">Нажмите на "Перейти" чтобы перейти к следующей странице<br>и оценить эффект перехода от одной странице к другой.</font><br><br> <a href="page2.html"><font size="+2">"Перейти"</font></a> </center> </body></html>
Файл page2.html <html> <head><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"><meta http-equiv ="Page-Enter" Content="RevealTrans(Duration=2.0, Transition=23)"> <title>Эффекты перехода страниц</title> </head><body bgcolor="#c0e4ff"> <center> <h2>На заметку:</h2> <font size="+1">Эффекты открытия и закрытия веб-страниц будут видны только при переходе <br> от одной страницы к другой или же при помощи кнопок "назад" "вперёд". <br> При первом открыти страницы, а также во время перезагрузки<br> эффекты перехода видны не будут.</font><hr><br> <font size="+1">Нажмите на "Перейти" чтобы перейти к следующей странице<br> и оценить эффект перехода от одной странице к другой.</font><br><br> <a href="page1.html"><font size="+2">"Перейти"</font></a> </center> </body></html>