Top.Mail.Ru

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

Открывать ссылку в новом окне, как правило, нужно если мы не хотим уводить посетителя со своего сайта. Иными словами, мы на своем сайте ставим ссылку на какой-то другой сайт. Если же речь идет о ссылке на внутреннюю страницу нашего сайта, открывать документ лучше в текущем окне.

Нам доступны два варианта:

  1. По умолчанию открывать документ в текущем окне, а как исключение – в новом окне.
  2. По умолчанию открывать все документы в новых окнах. А в исключительных случаях допускать переходы по ссылкам в текущем окне.
Вариант первый - конкретную ссылку открываем в новом окне. Для этого необходимо задействовать атрибут target="_blank" тега <a>.

<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Ссылки</title>
 </head>
 <body>
  <p><a href="https://pcask.ru/programmirovanie/klassy-v-obektno-orientirovannom-programmirovanii/">Документ откроется в текущем окне браузера</a></p>
  <p><a href="https://pcask.ru/programmirovanie/klassy-v-obektno-orientirovannom-programmirovanii/" target="_blank">Документ 
  будет открыт в новом окне</a></p> 
 </body>
</html>
Вариант второй: мы хотим уо умолчанию ссылки открывать в новых окнах.  В этом случае в теге head необходимо указать <base target="_blank">.  А в тех редких случаях, когда мы желаем , чтобы ссылка сработала в текущем окне, мы применяем атрибут target="_self" тега <a>.
<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Ссылки</title>
  <base target="_blank">
 </head>
 <body>
  <p><a href="https://pcask.ru/programmirovanie/klassy-v-obektno-orientirovannom-programmirovanii/">Документ откроется в новом окне</a></p>
  <p><a href="https://pcask.ru/programmirovanie/klassy-v-obektno-orientirovannom-programmirovanii/" target="_self">Документ откроется в текущем окне</a></p>
 </body>
</html>

 

Оцените статью
pcask.ru
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x