Atribut target HTML <a>

Tanda <a> HTML

Definisi dan penggunaan

target Atribut menentukan tempat yang diatur untuk membuka dokumen tautan.

Contoh

Atribut target menentukan tempat yang diatur untuk membuka dokumen tautan:

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

Coba sendiri

Sintaks

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

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

Nilai atribut

Nilai Deskripsi
_blank Buka dokumen tautan di jendela atau tab baru.
_self Buka dokumen tautan di kerangka yang sama dengan yang diklik (bawaan).
_parent Buka dokumen tautan di kerangka induk.
_top Buka dokumen tautan di seluruh badan jendela.
framename Buka dokumen tautan di 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 cocok dengan tujuan ini, dalam kerangka atau jendela. Jika kerangka atau jendela yang diatur ini tidak ada, peramban akan membuka jendela baru, memberikan tanda yang diatur kepada jendela ini, dan kemudian memuat dokumen baru ke dalam jendela itu. Dari waktu itu, dokumen hyperlink dapat mengarahkan ke jendela baru ini.

Buka jendela baru

Hyperlink yang ditujukan membuat mudah untuk membuat alat pengelola browsing yang efisien. Contohnya, daftar dokumen konten yang sederhana dapat diarahkan ke jendela tunggal:

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

Coba sendiri

Ketika pengguna pertama kali memilih tautan di dalam daftar konten, peramban akan membuka jendela baru, menandai-dandai 'view_window', dan menampilkan konten dokumen yang diinginkan. Jika pengguna memilih tautan lain dari daftar konten ini, dan 'view_window' masih terbuka, peramban akan kembali memuat dokumen yang dipilih ke dalam jendela itu, menggantikan dokumen sebelumnya.

Selama proses ini, jendela yang berisi daftar konten ini dapat diakses pengguna. Dengan mengeklik salah satu koneksi di dalam jendela, konten jendela lain akan berubah.

Buka jendela di dalam bingkai

Tidak perlu membuka jendela peramban penuh, penggunaan target secara biasa adalah memindahkan konten tautan ke satu atau lebih bingkai di dalam <frameset>. Dapat memasukkan daftar konten ini ke dalam satu dokumen yang memiliki dua bingkai, dan menggunakan bingkai yang berdekatan untuk menampilkan dokumen yang dipilih:

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

Coba sendiri

Ketika peramban awalnya 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">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

Perhatikan, di dokumen 'toc.html', setiap tautan tujuannya adalah 'view_frame', yaitu bingkai di sisi kanan.

Ketika pengguna memilih sebuah tautan dari daftar di bingkai kiri, peramban akan memuat dan menampilkan dokumen yang berhubungan di bingkai 'view_frame' di sisi kanan. Ketika tautan lain di pilih, konten di bingkai kanan ini juga akan berubah, tetapi bingkai kiri ini tetap tetap.

Tujuan khusus

Ada 4 nama tujuan yang disimpan untuk operasi redireksi dokumen khusus:

_blank

Peramban selalu memuat dokumen target ke jendela yang baru dibuka, tanpa nama.

_self

Nilai target ini adalah target default untuk semua tanda <a> yang tidak disediakan target, yang membuat dokumen target dimuat dan ditampilkan di dalam bingkai atau jendela yang sama seperti dokumen sumber. Target ini adalah leluasa dan tidak diperlukan, kecuali digunakan bersama dengan atribut target <base> tanda dokumen.

_parent

Target ini membuat dokumen dimuat ke jendela induk atau bingkai yang mengandung referensi tautan ini. Jika referensi ini berada di dalam jendela atau bingkai tingkat teratas, maka ia sama dengan target _self.

_top

Target ini membuat dokumen dimuat ke jendela yang mengandung tautan ini, dengan target _top akan menghapus semua bingkai yang disertakan dan memuat dokumen ke seluruh jendela peramban.

Petunjuk:Semua nilai target 4 ini dimulai dengan garis bawah. Setiap jendela atau target lain yang dimulai dengan garis bawah akan diabaikan oleh peramban, jadi jangan gunakan garis bawah sebagai karakter pertama dari name atau id yang ditentukan dalam dokumen.

Dukungan Peramban

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

Tanda <a> HTML