Ini adalah baris untuk hyperlink di HTML:
<a href="http://www.starfall.com/">Starfall</a>
Jadi, jika saya mengklik "Starfall", browser saya - saya menggunakan FireFox - akan membawa saya ke halaman baru tersebut dan konten jendela saya akan berubah. Saya bertanya-tanya, bagaimana saya bisa melakukan ini dalam HTML sehingga halaman baru dibuka di jendela baru alih-alih mengubah yang sebelumnya? Apakah ada cara seperti itu di HTML?
Dan jika ya, apakah ada cara untuk membuka halaman yang diminta di tab lain (bukan jendela lain) di browser saya?
Cara termudah adalah dengan menambahkan tag target.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Gunakan nilai yang berbeda untuk atribut target untuk setiap link jika Anda ingin membuka tab yang berbeda, nilai yang sama untuk atribut target jika Anda ingin mengganti yang lain.
sumber
menggunakan
target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
sumber
Anda harus bisa menambahkan
target="_blank"
Suka
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
sumber
The
target
atribut jalan terbaik untuk melakukan ini.<a href="http://www.starfall.com" target="_blank">
akan membukanya di tab atau jendela baru. Adapun, itu tergantung pada pengaturan pengguna.
<a href="http://www.starfall.com" target="_self">
adalah default. Itu membuat halaman terbuka di tab yang sama (atau iframe, jika itu yang Anda hadapi).
Dua berikutnya hanya bagus jika Anda berurusan dengan iframe.
<a href="http://www.starfall.com" target="_parent">
akan membuka tautan di iframe tempat iframe yang memiliki tautan tersebut.
<a href="http://www.starfall.com" target="_top">
akan membuka tautan di tab, tidak peduli berapa banyak iframe yang harus dilalui.
sumber
target = _blank terbuka di tab atau jendela baru berdasarkan pengaturan browser.
Untuk memaksa jendela baru gunakan onclick javascript ketiga bagian tersebut diperlukan. url, nama, dan ukuran lebar dan tinggi jendela atau hanya akan terbuka di tab baru.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
sumber
Anda juga dapat melakukannya dengan menambahkan yang berikut ini ke header halaman Anda:
<base target="_blank">
Ini akan membuat SEMUA link di halaman Anda terbuka di tab baru
sumber
Karena web berkembang dengan cepat, beberapa hal berubah seiring waktu. Untuk masalah keamanan, Anda mungkin ingin menggunakan
rel="noopener"
atribut ini bersama dengantarget="_blank"
.Seperti yang dinyatakan dalam Dokumentasi Google Dev , halaman lain dapat mengakses objek jendela Anda dengan
window.opener property
. Tautan eksternal Anda akan terlihat seperti ini sekarang:<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
sumber
<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>
hari-hari ini tampaknya praktik terbaik untuk memiliki keduanyacontoh di bawah ini dengan
target="_blank"
karya untuk Safari dan Mozilla<a href="http://www.starfall.com" `target="_blank"`>
Menggunakan
target="new"
bekerja untuk Chrome<a href="http://www.starfall.com" `target="new"`>
sumber