Как на html сделать переход на другую страницу
Мета-теги (англ. meta-tags) — HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице.
Мета-теги помещаются внутрь тега head в HTML-документе, как правило, после тега TITLE.
Мета-теги используются для указания описания страницы, ключевых слов и других данных.
- charset
- content
- http-equiv
- name
Мета-теги располагаются внутри секции
. .content. >
Для автоматического перехода на другую страницу в HTML используется
мета-тег
1
http-equiv=»refresh» content=»3; URL=http://новая_страница.html»>
Через 3 секунды браузер перезагрузит эту страницу по новому адресу указанному в URL=.
HTML редирект позволяет задать время задержки перенаправления. Это регулируется значением первого параметра атрибута content. Если нужен мгновенный редирект, то устаннавливается значение = 0.
2Переадресация Адрес сайта был изменен, через 7 секунд ваш браузер будет автоматически перенаправлен по новому адресу: http://mysite.ru Нажмите передти для того чтобы выполнить переход немедленно. Приносим извинения за доставленные неудобства. .
W3C не рекомендует использовать этот способ. Google страницы с таким мета-тегом игнорирует. Другой способ автоперехода на другую страницу Рередирект 301
Ссылка на новое окно
Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется атрибут target=»_blank» тега .
Создание нового окна обычно требуется в случаях, когда делается ссылка на другой сайт. В остальных случаях лучше открывать документы в текущем окне, поскольку обилие окон может сбить читателя с толку.
Так как ссылки на текущее или новое окно ничем не отличаются друг от друга, на некоторых сайтах рядом со ссылкой ставят специальную иконку, показывающую, что документ открывается в новом окне.
Пример 1. Создание ссылки на новое окно
Ссылки Обычная ссылка на сайт www.htmlbook.ru
Ссылка открывает новое окно на сайт www.htmlbook.ru
Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги атрибут target=»_blank» . Код можно сократить, если вначале страницы добавить , как показано в примере 2.
Пример 2. Использование тега
Ссылки Ссылка откроется в новом окне
Ссылка откроется в текущем окне
Сделать так, чтобы ссылка открывалась в текущем окне, в таком случае можно, если добавить к тегу атрибут target=»_self» , как показано в данном примере.
Учтите, что атрибут target не является валидным для строгого .
Как на html сделать переход на другую страницу
Мы можем сделать ссылку для перехода к любому месту страницы.
Ссылка для перехода Название
abcde это id элемента к которому будем переходить.
Html Пример
1) «Фантастическое путешествие» Айзек Азимов
2) «Вино из одуванчиков» Рэй Брэдбери
3) «Стальная крыса» Гари Гаррисон
Пример смотрим, тестируем
Ссылки для перехода на другие веб-страницы
Чтобы перейти к определённому месту на другой странице нужно указать URL адрес:
Html Пример
Ссылка на почтовый ящик
Чтобы сделать ссылку на электронную почту нужно написать ключевое слово mailto поставить двоеточие и написать адрес электронной почты.
При нажатии на ссылку откроется установленная по умолчанию программа почты.
Html Пример
Следующая тема →
HTML тег показывает сокращенное название, если подвести мышку будет всплывающая надпись
Ссылки внутри страницы
Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку (якорь) в соответствующем месте и дать ей имя при помощи атрибута name тега , как показано в примере 1.
Пример 1. Создание внутренней ссылки
Закладка Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся.
Наверх
Между тегами и отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.
Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки (пример 2).
Пример 2. Ссылка на закладку из другой веб-страницы
Закладка Перейти к нижней части текста
В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom .
