Jak otworzyć HTML hiperłącze w innym oknie lub karcie?


93

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?

Odpowiedzi:


137
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Jednak to, czy otworzy się na karcie, czy w innym oknie, zależy od tego, jak użytkownik skonfigurował swoją przeglądarkę.


6
Nie wszystkie przeglądarki obsługują karty, a w tych, które je obsługują, strony otwierane w nowej karcie lub w nowym oknie jest ustawieniem konfigurowanym przez użytkownika. Obecnie nie ma sposobu, aby określić, czy łącze ma być otwierane na karcie, a nie w oknie.
bta

2
pamiętaj, że atrybut docelowy należy zadeklarować PO atrybucie href
MC

109

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.


47
+1 za wskazanie, że cel nie musi być „_blank”.
GS do

4
Warto zauważyć, że jest to poprawny HTML5.
AeroCross

Co masz na myśli mówiąc „imię”?
Vnge,

9

posługiwać się target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


8

Powinieneś móc dodać

target="_blank"

lubić

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

7

targetAtrybut 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ść.


jak używać tego kolorowego tekstu we wszystkich przykładach?
hellol11

6

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>

4

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


4

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 plikiem target="_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>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>obecnie wydaje się, że najlepszą praktyką jest posiadanie obu
ContextCue

1

poniż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"`>

2
co wyróżnia Twoją odpowiedź spośród kilkudziesięciu innych?
Farside
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.