HTML5'te target = “_ blank” kullanmak doğru mu?

HTML5'te artık kullanmanın uygun olmadığı bir yerde okumayı hatırlıyorum target="_blank" , ancak şimdi bulamıyorum.

Kullanmaya devam etmek uygun mu target="_blank" mu?

Genellikle kötü bir fikir olarak kabul edildiğini biliyorum, ancak PDF gibi bir şey için yeni bir pencere açmanın en kolay yolu ve ayrıca JavaScript'e güvenmenizi gerektirmiyor.

target="_blank"Hala iyi görünüyor . En son HTML5 taslağında göz atma bağlamı anahtar kelimesi olarak listelenir .

Kullanmak için sorun yok target="_blank"; Bu, XHTML'de ortadan kaldırıldı çünkü yeni pencereleri hedeflemek çoğu tarayıcıda her zaman pop-up uyarısını getirecektir. XHTML her zaman bir doğrulamada hedef özelliğinde bir hata gösterir.

HTML 5 geri getirdi çünkü hala kullanıyoruz. Bu bizim dostumuz ve bırakamayız.

Asla Bırakma.

HTML5'te kabul edilebilir olsa da target="_blank", kişisel olarak asla kullanmamayı deniyorum (PDF'leri yeni bir pencerede açmak için bile).

HTML anlam ve içerik tanımlamalıdır . Kendinize sorun “olacağını anlam ve aeğer eleman değişikliği targetnitelik çıkarıldı?” Değilse, kod HTML'ye girmemelidir. (Aslında W3C'nin bunu tuttuğuna şaşırdım… Sanırım gerçekten bırakamıyorlar.)

Tarayıcı davranışı , özellikle kullanıcıyla etkileşimli davranış, JavaScript gibi istemci tarafı komut dosyası dillerinde uygulanmalıdır. Tarayıcının belirli bir şekilde davranmasını istediğiniz için, yani yeni bir pencere açmak için JS'yi kullanmanız gerekir. Ancak belirttiğiniz gibi, bu davranış tarayıcının JS'ye güvenmesini gerektirir. (Siteniz zarif bir şekilde bozuluyorsa veya aşamalı olarak geliştiriliyorsa veya her ne olursa olsun , yine de iyi olmalıdır. JS engelli kullanıcılar çok fazla özlemeyecektir.)

Bununla birlikte, bunların ikisi de doğru cevap değildir. Orada bir yere Out olduğu görüşü bir bağlantı sonuçta son kullanıcı tarafından karar verilmelidir açılır nasıl . Bu örneği ele alalım.

Wikipedia'da sörf yapıyorsunuz, bir tavşan deliğine daha da derinleşiyorsunuz. Okuduğunuzda bir bağlantıyla karşılaşıyorsunuz.

Diyelim ki geri dönmeden önce bağlantılı sayfayı çok hızlı bir şekilde gözden geçirmek istiyorsunuz. Yeni bir sekmede açabilir ve bitirdiğinizde kapatabilirsiniz (çünkü 'geri' düğmesine basmak ve sayfaların yeniden yüklenmesini beklemek çok uzun sürer). Ya da ilginç görünüyorsa ve daha sonra saklamak istiyorsanız? Belki bunun yerine yeni bir arka plan sekmesinde açmalı ve geçerli sayfayı okumaya devam etmelisiniz. Ya da, belki de bu sayfayı okumaya karar verdiğinize göre, mevcut sekmedeki bağlantıyı takip edersiniz.

Mesele şu ki, kendi iş akışınız var ve tarayıcınızın buna göre davranmasını istiyorsunuz. Bu tür kararları sizin için verdiyse oldukça hayal kırıklığına uğrayabilirsiniz.

Bununla birlikte, web geliştiricileri bağlantılarının nereye gittiğini, hangi tür ve / veya kaynak formatlarını referans aldıklarını ve ne yaptıklarını kesinlikle netleştirmelidir. Araç ipuçları arkadaşınız olabilir (tablet veya telefon kullanmadığınız sürece; bu durumda bunları mobil sitede belirtin). Hepimiz beklemediğimiz bir yere götürülmenin ne kadar zor olduğunu biliyoruz ya da demek istediğimiz bir şey olmasını sağlıyoruz.

PDF gibi bir şey için yeni bir pencere açmanın en kolay yolu

Ayrıca Windows olmayan kullanıcıları rahatsız etmenin en kolay yolu. PDF diğer platformlardaki tarayıcılarda gayet iyi açılır. Yeni bir pencere açmak, navigasyon geçmişini bozar ve akıllı telefonlar gibi daha küçük platformlardaki maddeleri karmaşıklaştırır.

Windows'un eski sürümleri bozulduğundan PDF gibi şeyler için yeni pencereler açmayın.

Çoğu web geliştiricisi target="_blank"yalnızca bağlantıları yeni sekmede açmak için kullanır . Eğer kullanırsanız target="_blank"yalnızca yeni bir sekmede açık bağlantıları, o zaman bir saldırganın karşı savunmasızdır. Bir bağlantıyı yeni bir sekmede ( target="_blank") açtığınızda, yeni bir sekmede açılan sayfa ilk sekmeye erişebilir vewindow.opener özelliği .

Javascript kodu:

window.opener.location.replace(malicious URL)

önleme:

rel="nofollow noopener noreferrer"

HTML5'te hedef hala kabul edilebilir olsa da, tercih edilmez. Bir PDF dosyasına bağlanmak için indirmeyi kullanın , hedef özellik yerine özelliğini kullanın.

İşte bir örnek:

<a href="files/invoice.pdf" download>Invoice</a>

Orijinal dosya adı benzersiz dosya depolaması için kodlanmışsa, indirme özelliğine bir değer atayarak kullanıcı dostu bir indirme adı belirleyebilirsiniz:

<a href="files/j24oHPqJiUR2ftK0oeNH.pdf" download="invoice.pdf">Invoice</a>

Çoğu modern tarayıcı bu özelliği desteklerken bazılarının desteklemeyebileceğini unutmayın. Daha fazla bilgi için caniuse.com adresine bakın .

Kesinlikle!

http://www.w3.org/TR/2010/WD-html5-20100624/text-level-semantics.html#the-a-element

Bunu jquery ile aşağıdaki şekilde yapabilirsiniz, bu yeni bir pencerede açılır:

<input type="button" id="idboton" value="google" name="boton" /> 

<script type="text/javascript">
    $('#idboton').click(function(){
        window.open('https://www.google.com.co');
    });

</script>

Bence hedef özelliği <link>öğe için kullanımdan kaldırıldı , değil <a>, muhtemelen bu yüzden artık kullanılmaması gerektiğini duydunuz.