To jest wiersz na hiperłącze w HTML:
<a href="http://www.starfall.com/">Starfall</a>
Tak więc, jeśli kliknę „Starfall”, moja przeglądarka - używam FireFox - przeniesie mnie na tę nową stronę, a zawartość mojego okna ulegnie zmianie. Zastanawiam się, jak mogę to zrobić w HTML, aby nowa strona otwierała się w nowym oknie zamiast zmieniać poprzednie? Czy jest taki sposób w HTML?
A jeśli tak, czy istnieje sposób na otwarcie żądanej strony w innej karcie (nie w innym oknie) mojej przeglądarki?
Najprostszym sposobem jest dodanie tagu docelowego.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Użyj innej wartości atrybutu docelowego dla każdego linku, jeśli chcesz, aby otwierały się w różnych kartach, tej samej wartości dla atrybutu docelowego, jeśli chcesz, aby zastępowały inne.
źródło
posługiwać się
target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
źródło
Powinieneś móc dodać
target="_blank"
lubić
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
źródło
target
Atrybut jest najlepszym sposobem osiągnięcia tego celu.<a href="http://www.starfall.com" target="_blank">
otworzy go w nowej karcie lub oknie. Co do tego, zależy to od ustawień użytkowników.
<a href="http://www.starfall.com" target="_self">
jest domyślna. Powoduje, że strona otwiera się w tej samej karcie (lub ramce iframe, jeśli o to chodzi).
Następne dwa są dobre tylko wtedy, gdy masz do czynienia z elementem iframe.
<a href="http://www.starfall.com" target="_parent">
otworzy link w elemencie iframe, w którym znajdował się element iframe zawierający link.
<a href="http://www.starfall.com" target="_top">
otworzy link na karcie, bez względu na to, przez ile ramek iframe będzie musiał przejść.
źródło
target = _blank otworzy się w nowej karcie lub oknach w zależności od ustawień przeglądarki.
Aby wymusić nowe okno, użyj javascript onclick, wszystkie trzy części są potrzebne. url, nazwa oraz szerokość i wysokość okna lub po prostu otworzy się w nowej karcie.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
źródło
Możesz to również osiągnąć, dodając następujące elementy do nagłówka strony:
<base target="_blank">
Spowoduje to otwarcie WSZYSTKICH linków na Twojej stronie w nowej karcie
źródło
Ponieważ internet szybko się rozwija, niektóre rzeczy zmieniają się z czasem. Ze względów bezpieczeństwa możesz chcieć użyć
rel="noopener"
atrybutu w połączeniu z plikiemtarget="_blank"
.Jak podano w dokumentacji Google Dev , druga strona może uzyskać dostęp do obiektu okna za pomocą rozszerzenia
window.opener property
. Twój link zewnętrzny powinien teraz wyglądać następująco:<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
źródło
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>
obecnie wydaje się, że najlepszą praktyką jest posiadanie obuponiżej przykład z
target="_blank"
pracami dla Safari i Mozilli<a href="http://www.starfall.com" `target="_blank"`>
Używanie
target="new"
działało dla Chrome<a href="http://www.starfall.com" `target="new"`>
źródło