Atribut target HTML <a>

Tanda <a> HTML

Definisi dan penggunaan

target Atribut menentukan tempat pengembalian dokumen pautan.

Contoh

Atribut target menentukan tempat pengembalian dokumen pautan:

<a href="https://www.codew3c.com" target="_blank">Buka CodeW3C.com</a>

Coba sendiri

Sintaks

<a target="_blank|_self|_parent|_top|framename">

target Penggunaan atribut ini adalah untuk memberitahu peramban tempat yang diinginkan untuk menampilkan sumber yang dihubungkan. Secara bawaan, peramban menggunakan jendela, tab, atau kader (iframe) yang menampilkan dokumen saat ini, jadi dokumen baru akan menggantikan dokumen yang saat ini ditampilkan, tetapi ada pilihan lain, lihat tabel di bawah:

Nilai atribut

Nilai Deskripsi
_blank Buka dokumen pautan di jendela atau tab baru.
_self Buka dokumen pautan di kader yang sama dengan yang di klik (bawaan).
_parent Buka dokumen pautan di kader induk.
_top Buka dokumen pautan di seluruh isikan jendela.
framename Buka dokumen pautan dalam iframe yang ditentukan.

Penjelasan detil

Jika terdapat atribut target di dalam tag <a>, peramban akan memuat dan menampilkan dokumen yang dinamai dengan atribut href tag ini, yang namanya sejalan dengan tujuan yang disebutkan. Jika kader atau jendela yang disebutkan dengan nama atau id ini tidak ada, peramban akan membuka jendela baru, memberikan tanda yang disebutkan untuk jendela ini, dan kemudian memuat dokumen baru ke dalam jendela itu. Dari waktu itu, dokumen hyperlink dapat menunjuk ke jendela baru ini.

Buka jendela baru

Pautan yang ditujukan membuat mudah untuk membuat alat pelayaran yang efisien. Contohnya, senarai dokumen konten yang sederhana dapat mengalihkan dokumen ke jendela yang terpisah:

<h3>Daftar Isi</h3>
<ul>
  <li><a href="pref.html" target="view_window">Pengantar</a></li>
  <li><a href="chap1.html" target="view_window">Bab 1</a></li>
  <li><a href="chap2.html" target="view_window">Bab 2</a></li>
  <li><a href="chap3.html" target="view_window">Bab 3</a></li>
</ul>

Coba sendiri

Ketika pengguna pertama kali memilih salah satu pautan di dalam daftar konten, pelayar akan membuka jendela baru, menandaiinya 'view_window', dan menunjukkan konten dokumen yang diinginkan. Jika pengguna memilih pautan lain dari daftar ini dan 'view_window' masih terbuka, pelayar akan kembali memuat dokumen yang dipilih ke dalam jendela itu, menggantikan dokumen yang sebelumnya.

Selama proses ini, jendela yang mengandung daftar konten ini dapat diakses pengguna. Dengan mengeklik salah satu pautan di dalam jendela, konten jendela lainnya akan berubah.

Buka jendela dalam bingkai

Tidak perlu membuka jendela penuh pelayar, penggunaan target lebih biasa adalah mengalihkan konten pautan ke satu atau beberapa bingkai di dalam <frameset>. Dapat memasukkan daftar konten ini ke dalam satu dokumen yang memiliki dua bingkai, dan menggunakan bingkai yang berdekatan untuk menunjukkan dokumen yang dipilih:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Coba sendiri

Ketika pelayar pertama kali menampilkan kedua bingkai ini, bingkai kiri berisi daftar, sementara bingkai kanan berisi pengantar.

Ini adalah kode sumber 'toc.html':

<h3>Daftar Isi</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Pengantar</a></li>
  <li><a href="chap1.html" target="view_frame">Bab 1</a></li>
  <li><a href="chap2.html" target="view_frame">Bab 2</a></li>
  <li><a href="chap3.html" target="view_frame">Bab 3</a></li>
</ul>

Perhatikan, di dalam dokumen 'toc.html', setiap pautan bertujuan adalah 'view_frame', yaitu bingkai di sisi kanan.

Ketika pengguna memilih sebuah pautan dari daftar di bingkai kiri, pelayar akan memuat dan menunjukkan dokumen yang berhubungan di dalam bingkai 'view_frame' di sisi kanan. Ketika pautan lainnya dipilih, konten di dalam bingkai kanan ini juga akan berubah, sementara bingkai kiri ini tetap tetap.

Target khusus

Terdapat 4 jenis nama tujuan yang disimpan untuk operasi redireksi dokumen khusus:

_blank

Peramban akan selalunya memuatkan dokumen target di dalam jendela yang baru dibuka dan tanpa nama.

_self

Nilai target ini adalah target lalai untuk semua <a> yang tidak ditakrifkan target, ia akan memuatkan dan menunjukkan dokumen target di dalam kerangka atau jendela yang sama seperti dokumen sumber. Target ini adalah leluasa dan tidak diperlukan, kecuali digunakan bersama-sama dengan sifat target <base> dalam tajuk dokumen.

_parent

Target ini membolehkan dokumen dimuatkan ke dalam jendela ibu atau kerangka yang mengandungi kerangka yang diwujudkan melalui pautan hyper. Jika pautan ini adalah dalam jendela atau kerangka utama, maka ia adalah sepadan dengan target _self.

_top

Target ini membolehkan dokumen dimuatkan ke dalam jendela yang mengandungi pautan hyper ini, dengan tujuan _top akan menghapuskan semua kerangka yang disertakan dan memuatkan dokumen ke dalam jendela penuh pelayar.

Petikan:Semua 4 nilai target ini bermula dengan garis bawah. Setiap jendela atau target lain yang bermula dengan garis bawah akan diabaikan oleh peramban, jadi jangan gunakan garis bawah sebagai huruf pertama dalam name atau id yang ditakrifkan dalam dokumen.

Dukungan Pemetaan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Tanda <a> HTML