Как сделать переход на другую страницу в html
Перейти к содержимому

Как сделать переход на другую страницу в html

  • автор:

Тег a

Тег a создает ссылку на другую страницу своего или чужого сайта. Адрес ссылки следует писать в атрибуте href . Ссылки по умолчанию подчеркнуты. Отменить подчеркивание можно с помощью CSS свойства text-decoration .

Атрибуты

Атрибут Описание
href Адрес страницы, на которую ссылается ссылка. Обязательный атрибут.
target Указывает ссылке в какой вкладке ей открываться: в новой, в текущей или во фрейме. Необязательный атрибут.

Значения атрибута target

Значение Описание
_blank Страница откроется в новой вкладке браузера.
_self Страница откроется в текущей вкладке браузера.
_parent Страница откроется во фрейме-родителе.
_top Отменяет все фреймы и загружает страницу в полном окне браузера.

Значение по умолчанию: _self.

Пример

Давайте поставим ссылку на главную страницу сайта google.com , при этом она откроется в новой вкладке браузера, так как мы зададим ей атрибут target в значении _blank:

Смотрите также

  • псевдоклассы link , visited , hover , active , focus ,
    которые позволяют обратиться к различным состояниям ссылок

Как сделать переход на другую страницу в html

Мы можем сделать ссылку для перехода к любому месту страницы.
Ссылка для перехода Название
abcde это id элемента к которому будем переходить.

Html Пример

id= «abcde» > Список лучших книг:

1) «Фантастическое путешествие» Айзек Азимов
2) «Вино из одуванчиков» Рэй Брэдбери
3) «Стальная крыса» Гари Гаррисон

Пример смотрим, тестируем
Ссылки для перехода на другие веб-страницы
Чтобы перейти к определённому месту на другой странице нужно указать URL адрес:
Html Пример
Ссылка на почтовый ящик

Чтобы сделать ссылку на электронную почту нужно написать ключевое слово mailto поставить двоеточие и написать адрес электронной почты.
При нажатии на ссылку откроется установленная по умолчанию программа почты.

Html Пример

Следующая тема →
HTML тег показывает сокращенное название, если подвести мышку будет всплывающая надпись

Ссылки внутри страницы

Большие документы читаются лучше, если они имеют оглавление со ссылками на соответствующие разделы. Для создания ссылки следует вначале сделать закладку (якорь) в соответствующем месте и дать ей имя при помощи атрибута name тега , как показано в примере 1.

Пример 1. Создание внутренней ссылки

    Закладка  

Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся.

Наверх

Между тегами и отсутствует текст, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике.

Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки (пример 2).

Пример 2. Ссылка на закладку из другой веб-страницы

    Закладка  

Перейти к нижней части текста

В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom .

Как сделать переход на другую страницу в html

Мета-теги (англ. meta-tags) — HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице.
Мета-теги помещаются внутрь тега head в HTML-документе, как правило, после тега TITLE.
Мета-теги используются для указания описания страницы, ключевых слов и других данных.

  1. charset
  2. content
  3. http-equiv
  4. 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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *