Как открыть ссылку в новой вкладке
Перейти к содержимому

Как открыть ссылку в новой вкладке

  • автор:

Открывать ссылку в новой вкладке по её наведению на панель вкладок или иконку новой вкладки

Во многих браузерах есть возможность выделить ссылку на веб-странице и открыть новую вкладку с ней, наведя эту ссылку на панель вкладок или иконку новой вкладки. Этой функции очень не хватает в Vivaldi.

jugami @jugami
отредактировано

@jugami Это, на самом деле, касается не только вкладок, а любого текста, выделенного на веб-странице и перенесенного в панель вкладок или на иконку новой вкладки

sedative29rus
отредактировано

03a676de-d7fa-4232-a51b-421dc6ff52d6-image.png

Вообще, ссылки открываются перетаскиванием на панель, если отключена галочка

sedative29rus
отредактировано

Почему-то у меня ощущение, что отсутствие какой-либо реакции на перетаскивание текста — это вообще баг.

RX21 @sedative29rus
отредактировано
@sedative29rus, Нет, это не баг, реакция есть.
RX21 @jugami
отредактировано

@jugami, В Vivaldi это тоже есть: надо нажать на ссылку или выделенный текст, и не отпуская, начинать тащить вертикально, вверх или вниз, главное стронуть ссылку/текст с места, а далее можно тащить как угодно. Если начать тащить сразу вбок или по диагонали, то будет срабатывать выделение текста, а если такое поведение не подходит, то как и сказал @sedative29rus, выделение текста в ссылке можно отключить: @sedative29rus said in Открывать ссылку в новой вкладке по её наведению на панель вкладок или иконку новой вкладки:

03a676de-d7fa-4232-a51b-421dc6ff52d6-image.png

Вообще, ссылки открываются перетаскиванием на панель, если отключена галочка

sedative29rus @RX21
отредактировано

@sedative29rus, Нет, это не баг, реакция есть.

Тут я уже не про ссылку, а именно про текст — типа если выделить слово и перетащить его на плюсик новой вкладки, то должен открыться поисковик по умолчанию с поиском этого слова.

jugami @RX21
отредактировано jugami
RX21 @jugami
отредактировано

4678952674.png

@jugami, Вообще перетаскиванием пользоваться можно, но на мой взгляд — удобнее и быстрее пользоваться контекстным меню(нажать правой кнопкой мышки на выделенный текст или ссылку, и выбрать необходимый Вам пункт меню):

jugami @RX21
отредактировано

@RX21 думаю, это дело привычки, кому как удобнее. Я и так, и так делаю. Просто обратил внимание на то, что в Vivaldi это работает не так, как в других браузерах

RX21 @sedative29rus
отредактировано

Тут я уже не про ссылку, а именно про текст — типа если выделить слово и перетащить его на плюсик новой вкладки, то должен открыться поисковик по умолчанию с поиском этого слова.

Если так, то да, возможно баг. У меня на 5.4.2753.40 , работает как и должно: кидаю на плюсик(в панели вкладок) выделенный текст — открывается новая вкладка, с результатами поиска, в поисковике по умолчанию. Как работает на 6.0 не знаю, сейчас проверить возможности нет, возможно обязательно должен быть включён поиск в адресной строке.

jugami @RX21
отредактировано
@RX21 в версии 6.0 эта функция перестала работать. Надеюсь, в последующих обновлениях исправят.
sphera
отредактировано sphera

Вы изобретаете то, что придумано десятки лет назад. Сколько я себя помню . этих расширений «Drag & Drop» сотни, половина уже умерла, а вы все придумываете .
Многие были еще до Вивальди, для всех движков. Я их коллекционирую, могу список.
А вы перетаскивание на плюсик обсуждаете. А если от ссылки до него полметра ?
Наверное, если поискать темы, то эти предложения были на форуме много лет назад.
Есть расширения с 8 вариантами Drag, во все поисковые системы , википедии и свои варианты, с интерфейсом как в Win95.
А с рисунками жестами — вариантов бесконечно.
Жесты со ссылками работают ?
А чем средняя кнопка не устраивает ?
Люди ставят эти расширения от безысходности , т.к. от разработчиков не дождешься. В каких-то старых браузерах было «Drag & Drop» хоть 1 вариант. Но можно закрыть эту тему с таким итогом:
перетаскивание ссылок, текста, картинок — сложная тема с большим числом вариантов. Своими жестами и подсказками, обучением. Там настроек — на половину Вивальди. Если возьметесь, сделайте лучше чем smartUp
(пока искал, вижу этих smartUp много, есть даже разводилы на фин. рынке). Даю ссылку.
Хотя в части жестов Вивальди вполне конкурентен.
Ждать от Вивальди похожего функционала — не все доживут. Приоритеты не совпадают.
Хотя бы «Drag & Drop» хоть 1 вариант в любую сторону , ссылки или текста, new tab — это такой минимум , который должен быть в любом браузере, и изобретён лет 20 назад .

Загружаем больше сообщений

  • Сначала старые
  • Сначала новые
  • По количеству голосов

Открытие ссылки в новом окне или вкладке HTML: FireFox

Чтобы гарантировать открытие ссылки в новой вкладке, воспользуйтесь атрибутом target=»_blank» в теге :

Скопировать код

Просто и эффективно: добавьте target=»_blank» в код вашей гиперссылки. Нет необходимости усложнять.

Глубже в деталях: атрибут ‘target’

Основательное понимание поведения гиперссылок облегчает навигацию по вебу. Если желаете, чтобы ссылка открылась в новом окне или вкладке, используйте атрибут target=»_blank» с тегом . Вместе с тем помните: большая мощь подразумевает большую ответственность. Применяйте эту опцию только при необходимости улучшения взаимодействия с пользователем, а не в целях создания беспорядка.

Помните также о блокировщиках всплывающих окон, интегрированных в браузеры, которые могут мешать работе атрибута target . Стремитесь к созданию цельного и гладкого пользовательского опыта.

Атрибут target: варианты применения

Атрибут target предоставляет ряд вариантов использования, помимо target=»_blank» :

  • _self : Открывает ссылку в том же окне или вкладке, что и задано по умолчанию.
  • _parent : Применяется для открытия ссылки в родительском фрейме при наличии фреймов на странице.
  • _top : Служит для открытия ссылки в полноэкранном режиме, при этом закрывая все вложенные фреймы.

Умелое использование этих атрибутов позволяет увеличить вовлеченность пользователей и удержание их на сайте.

Особые случаи, которые стоит учесть

Следует проанализировать некоторые специфические ситуации:

  • Забота о безопасности: Вместе с target=»_blank» стоит использовать rel=»noopener» , чтобы усилить защиту от возможных хакерских атак. Это предотвратит доступ новой вкладки к вашему объекту window посредством window.opener .

Как открыть ссылку в новой вкладке?

Ссылка может открываться в текущем окне браузера, в новом окне или в новой вкладке. Непосредственно, как открывать ссылки — в новом окне или в новой вкладке — указывает пользователь в настройках браузера. Обычно ссылки для удобства открываются в новой вкладке.

Через HTML мы можем указать, как открывать ссылки — в текущем окне или в новом окне. Для этого к элементу следует добавить атрибут target со значением _blank (да, с подчёркиванием впереди), как показано в примере 1.

Пример 1. Открытие ссылки

Результат данного примера показан на рис. 1. Обратите внимание, что ссылки по своему виду ничем друг от друга не отличаются и понять, как и где она откроется, нельзя.

Вид ссылок

Рис. 1. Вид ссылок

Атрибут target со значением _blank позволяет открыть ссылку в новом окне или вкладке. Поведение зависит от настроек браузера, к примеру, в настройках Firefox по умолчанию стоит открывать ссылки во вкладках (рис. 2).

Настройки вкладок в Firefox

Рис. 2. Настройки вкладок в Firefox

Если галочку с этой настройки убрать, то ссылки будут открываться в новом окне, а не во вкладке.

См. также

  • text-decoration-skip-ink
  • Атрибуты ссылок
  • Использование :hover
  • Наследование в CSS
  • Создание ссылок
  • Ссылки
  • Ссылки
  • Ссылки в HTML
  • Якоря

Ссылка в новой вкладке

Урок рассказывает, как сделать ссылку, которая открывается в новой вкладке.

HTML

Открытие ссылки в новом окне бывает полезным, если необходимо перенаправить посетителя на другой сайт. Для того чтобы открыть ссылку в новой вкладке используется атрибут target=»_blank» тега .

Ссылка откроется в текущей вкладке 
Откроется в новой вкладке

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

   Ссылка откроется в новой вкладке Ссылка откроется в текущей вкладке   

На этом всё, не пропустите новые уроки ��

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

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