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

Question

Это код в данный момент, я пытался добавить target="_Blank", но он все еще открывается в той же вкладке.

Мы используем WordPress, и это код, который мы используем в текстовом поле для отображения кнопки.

button color="extra-color-1" hover_text_color_override="#ffffff" size="large" url="https://www.insideeducation.ca/learning-resources/classroom-learning-resources/elementary-school/#flying-animals-scavenger-hunt"  text="Flying Animals | Scavenger Hunt"]

Answer 1

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

Answer 2

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

1. Используйте строчные буквы 'b'

Я бы обычно использовал строчные буквы в целевых атрибутах. Таким образом, вместо target="_Blank" вы можете попробовать target="_blank".

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

2. Используйте простой javascript

Вы можете использовать функцию javascript window.open() в качестве обходного пути для этой проблемы.

Замените target="_Blank" на onclick="window.open('https://www.example.com')" и посмотрите, будет ли это работать лучше!

3. Используйте тег привязки

В данный момент вы, кажется, используете элемент button, который выглядит примерно так:

<button color="extra-color-1" ... target="_blank" url="https://...">
  Click here!
</button>

Вы можете обернуть тег a вокруг кнопки и вместо этого примените к этому атрибут target. Возможно, атрибуты target лучше работают непосредственно с тегами привязки. Вот как это будет выглядеть:

<a href="https://..." target="_blank">
  <button color="extra-color-1" ... >
    Click here!
  </button>
</a>