I'm bekerja pada sebuah proyek HTML, dan saya dapat't tahu bagaimana untuk membuka link di tab baru tanpa javascript.
Aku sudah tahu bahwa <a href="http://www.WEBSITE_NAME.com"></a>
membuka link di tab. Setiap ide bagaimana untuk membuat open in a new one?
Mengatur 'target' atribut link ke _blank
:
<a href="#" target="_blank" rel="noopener noreferrer">Link</a>
Edit: untuk contoh-contoh lain, lihat di sini: http://www.w3schools.com/tags/att_a_target.asp
(Catatan: sebelumnya saya menyarankan kosong
bukan _blank
karena, jika digunakan, it'll membuka tab baru dan kemudian menggunakan tab yang sama jika link diklik lagi. Namun, ini hanya karena, seperti GolezTrol mencontohkan, hal ini mengacu pada nama sebuah bingkai/jendela, yang akan ditetapkan dan digunakan ketika link ditekan lagi untuk membukanya di tab yang sama).
Pertimbangan Keamanan!
Kode rel="noopener noreferrer"
ini adalah untuk mencegah tab yang baru saja dibuka dari mampu untuk memodifikasi tab asli jahat.
Untuk informasi lebih lanjut tentang kerentanan ini melihat sumber-sumber ini:
Menggunakan salah satu dari ini sebagai per kebutuhan anda.
Terbuka terkait dokumen di jendela baru atau tab:
<a href="xyz.html" target="_blank"> Link </a>
Terbuka terkait dokumen dalam frame yang sama seperti itu diklik (ini adalah default):
<a href="xyz.html" target="_self"> Link </a>
Terbuka terkait dokumen induk frame:
<a href="xyz.html" target="_parent"> Link </a>
Terbuka terkait dokumen di tubuh penuh dari jendela:
<a href="xyz.html" target="_top"> Link </a>
Terbuka terkait dokumen yang bernama frame:
<a href="xyz.html" target="framename"> Link </a>
Jika anda ingin membuat perintah sekali untuk seluruh situs anda, daripada harus melakukannya setelah setiap link. Mencoba tempat ini dalam Kepala situs web anda dan bingo.
<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>
semoga ini bisa membantu
Ketika menggunakan target='_blank'
:
Versi HTML (Beberapa perangkat tidak mendukung itu):
<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>
Versi JavaScript untuk semua Perangkat :
Penggunaan rel="eksternal" benar-benar berlaku
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('a[rel="external"]').attr('target', '_blank');
</script>
dan untuk Jquery dapat mencoba dengan di bawah ini:
$("#content a[href^='http://']").attr("target","_blank");
Jika pengaturan browser don't memungkinkan anda untuk membuka di jendela baru :
href = "google.com";
onclick="window.open (this.href, ''); return false";
target="_blank"
atribut yang akan melakukan pekerjaan.
Hanya don't lupa untuk menambahkan rel="noopener noreferrer"
untuk memecahkan potensi kerentanan. Lebih lanjut tentang itu di sini: https://dev.to/ben/the-targetblank-vulnerability-by-example
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
Anda dapat menggunakan:
<a href="http://www.WEBSITE_NAME.com" target="_blank"> Website</a>
Namun di atas membuat situs anda rentan terhadap serangan phishing. Anda dapat mencegah hal itu terjadi di beberapa browser dengan menambahkan rel="noopener noreferrer" untuk link anda. Dengan ini menambahkan, dalam contoh di atas menjadi:
<a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a>
check out untuk informasi lebih lanjut: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml