HTML5: гиперссылка и новая вкладка

У меня есть этот код гиперссылки:

<a href="#" onclick="location.href='http://www.youtube.com/user/mamgrow'; return false;"><img style="position:relative; float:right; height:30px; left:-30px;"  alt="mamgrow facebook" src="images/facebook.png"/></a>

И я хочу, чтобы эта ссылка открывалась на новой вкладке...

Я попытался включить это:

style="target-new:tab;

Но это не сработало. Любые идеи?

Ответы

Ответ 1

Вы можете легко использовать атрибут target, например:

<a href="http://www.example.com" target="_blank"><img src="your/image" /></a>

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

Вот список свойств атрибута target в теге <a> в HTML:

target="_blank" <!-- opens link in a new window -->
target="_self" <!-- opens link in actual window -->
target="_parent"
target="_top" <!-- both handle frames -->

Эта часть вашего кода:

style="target-new:tab;

не имеет никакого эффекта, его, похоже, не поддерживает в любом современном браузере.

Ответ 2

Чтение инструкций w3schools объясняет, что синтаксис для открытия ссылки в новой вкладке или окне (в зависимости от настроек в веб-браузере) вы должны добавить атрибут

target="_blank"

http://www.w3schools.com/html/html_links.asp

Ответ 3

Вы должны использовать следующий код для открытия в новом окне

<a href="http://www.google.com" target="_blank">...</a>

Ответ 4

Расширение ответа @ztirom...

Mozilla Developer Network говорит:

цели

Определяет, где будет отображаться связанный URL. Это имя или ключевое слово для контекста просмотра: вкладка, окно или <iframe> . Следующие ключевые слова имеют особые значения:

  • _self: Загрузите URL-адрес в тот же контекст просмотра, что и текущий. Это поведение по умолчанию.

  • _blank: загрузите URL-адрес в новый контекст просмотра. Обычно это вкладка, но пользователи могут настроить браузеры на использование новых окон.

  • _parent: Загрузите URL-адрес в родительский контекст просмотра текущего. Если родителя нет, это ведет себя так же, как и сам.

  • _top: Загрузите URL-адрес в контекст просмотра верхнего уровня (то есть "самый высокий" контекст просмотра, который является предком текущего, и не имеет родителя). Если нет родительского контекста просмотра, это ведет себя так же, как и сам.

Примечание. При использовании цели рассмотрите возможность добавления rel= "noopener noreferrer", чтобы избежать использования API window.opener.