HTML'nin başka bir pencerede veya sekmede bir köprü açmasını nasıl sağlayabilirim?


93

Bu, HTML'deki bir köprü için bir satırdır:

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

Böylece, "Starfall" a tıklarsam tarayıcım - FireFox kullanıyorum - beni o yeni sayfaya götürecek ve penceremin içeriği değişecek. Merak ediyorum, yeni sayfanın bir öncekini değiştirmek yerine yeni bir pencerede açılması için bunu HTML olarak nasıl yapabilirim? HTML'de böyle bir yol var mı?

Ve evet ise, istenen sayfayı tarayıcımın başka bir sekmesinde (başka bir pencerede değil) açmanın bir yolu var mı?

Yanıtlar:


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

Bir sekmede mi yoksa başka bir pencerede mi açılacağı, kullanıcının tarayıcısını nasıl yapılandırdığına bağlıdır.


6
Tüm tarayıcılar sekmeleri desteklemez ve destekleyenlerde, yeni bir pencereye karşılık yeni bir pencerede açılan sayfalar kullanıcı tarafından yapılandırılabilir bir ayardır. Bir bağlantının pencereye karşı sekmede açılması gerektiğini belirtmenin geçerli bir yolu yoktur.
bta

2
hedef özelliğin href özniteliğinden SONRA bildirilmesi gerektiğini unutmayın
MC

109

En basit yol, bir hedef etiket eklemektir.

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

Farklı sekmelerde açılmasını istiyorsanız, her bir bağlantı için hedef özellik için farklı bir değer kullanın, diğerlerini değiştirmelerini istiyorsanız hedef özellik için aynı değeri kullanın.


47
Hedefin "_blank" olması gerekmediğini işaret eden +1.
GSto

4
Bunun geçerli bir HTML5 olduğunu belirtmek gerekir.
AeroCross

"İsim" ile ne demek istiyorsun?
Vnge

9

kullanım target="_blank"

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


8

Ekleyebilmelisin

target="_blank"

sevmek

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

7

targetNitelik Bunu yapmanın en iyi yoludur.

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

yeni bir sekme veya pencerede açacaktır. Hangisine gelince, kullanıcı ayarlarına bağlıdır.

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

varsayılandır. Sayfanın aynı sekmede (veya uğraştığınız şey buysa iframe) açılmasını sağlar.
Sonraki ikisi yalnızca bir iframe ile uğraşıyorsanız iyidir.

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

bağlantıyı içeren iframe'in içinde bulunduğu iframe'deki bağlantıyı açacaktır.

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

kaç tane iframe geçmesi gerektiğine bakılmaksızın sekmedeki bağlantıyı açar.


bu renkli metni herkesin başka örneklerinde nasıl kullanırım?
hellol11

6

target = _blank ise tarayıcı ayarlarına bağlı olarak yeni sekmede veya pencerelerde açılacaktır.

Yeni bir pencereyi zorlamak için javascript kullanın onclick üç bölüme de ihtiyaç vardır. url, bir ad ve pencere genişliği ve yüksekliği boyutu veya yeni bir sekmede açılacaktır.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

Bunu, sayfanızın başlığına aşağıdakileri ekleyerek de başarabilirsiniz:

<base target="_blank">

Bu, sayfanızdaki TÜM bağlantıları yeni bir sekmede açacaktır


4

Web hızla geliştiğinden, bazı şeyler zamanla değişir. Güvenlik sorunları için, rel="noopener"özniteliği sizin ile birlikte kullanmak isteyebilirsiniz target="_blank".

Google Dev Belgelerinde belirtildiği gibi , diğer sayfa pencere nesnenize window.opener property. Dış bağlantınız şimdi şöyle görünmelidir:

<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>bu günlerde her ikisine de sahip olmak en iyi uygulama gibi görünüyor
ContextCue

1

target="_blank"Safari ve Mozilla çalışmaları ile aşağıdaki örnek

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

target="new"Chrome için çalıştı kullanma

<a href="http://www.starfall.com" `target="new"`>

2
Cevabınızı düzinelerce diğerlerinden ayıran nedir?
Farside
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.