Це рядок для гіперпосилання в HTML:
<a href="http://www.starfall.com/">Starfall</a>
Таким чином, якщо я натисну на "Starfall", мій браузер - я використовую FireFox - переведе мене на цю нову сторінку, і вміст мого вікна зміниться. Цікаво, як я можу це зробити в HTML, щоб нова сторінка відкрилась у новому вікні замість того, щоб змінити попередню? Чи існує такий спосіб у HTML?
І якщо так, чи є спосіб відкрити запитувану сторінку в іншій вкладці (не в іншому вікні) мого браузера?
Відповіді:
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Чи відкриється вона у вкладці чи іншому вікні, залежить від того, як користувач налаштував свій браузер.
Найпростіший спосіб - це додати цільовий тег.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Використовуйте різне значення для цільового атрибута для кожного посилання, якщо ви хочете, щоб вони відкривалися в різних вкладках, те саме значення для цільового атрибута, якщо ви хочете, щоб вони замінили інші.
targetАтрибут є найкращим способом зробити це.
<a href="http://www.starfall.com" target="_blank">
відкриє його в новій вкладці або вікні. Що стосується яких, це залежить від налаштувань користувачів.
<a href="http://www.starfall.com" target="_self">
за замовчуванням. Це робить сторінку відкритою на тій самій вкладці (або iframe, якщо це те, з чим ви маєте справу).
Наступні два корисні лише в тому випадку, якщо ви маєте справу з iframe.
<a href="http://www.starfall.com" target="_parent">
відкриє посилання в iframe, в якому знаходився iframe, який мав посилання.
<a href="http://www.starfall.com" target="_top">
відкриє посилання на вкладці, незалежно від того, скільки фреймів воно має пройти.
target = _blank is відкриється в новій вкладці або вікнах на основі налаштувань браузера.
Щоб примусити нове вікно використати javascript onclick потрібні всі три частини. url, ім'я та ширину та розмір вікна, або воно просто відкриється в новій вкладці.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
Оскільки Інтернет швидко розвивається, деякі речі змінюються з часом. З питань безпеки ви можете використовувати rel="noopener"атрибут у поєднанні з вашим target="_blank".
Як зазначено в документації Google Dev , інша сторінка може отримати доступ до вашого віконного об'єкта за допомогою window.opener property. Зараз ваше зовнішнє посилання має виглядати так:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>в наші дні, здається, найкращою практикою є обидва