Nama Bahasa Inggris: Anchor
Gunakan jangkar bernama untuk menetapkan tanda dalam dokumen, yang biasanya ditempatkan di atau di bagian atas topik tertentu dalam dokumen. Tautan ke jangkar bernama ini kemudian dapat dibuat yang dengan cepat membawa pengunjung ke lokasi yang ditentukan.
Proses membuat tautan ke jangkar bernama dibagi menjadi dua langkah. Pertama, buat jangkar bernama, dan kemudian buat tautan ke jangkar bernama itu.
Kode sampelTentukan titik jangkar berikut di halaman HTML di lokasi yang sesuai:
<a name = top> di sini adalah bagian teratas </a>
<a name = content> di sini adalah bagian konten </a>
<a name = foot> Ini adalah bagian kaki </a>
(Anda dapat menggunakan atribut ID alih -alih atribut nama, dan jangkar bernama juga valid. [1])
Ada dua cara untuk mengakses titik jangkar seperti di atas
Salah satunya adalah menggunakan tag hyperlink <a> </a> untuk membuat tautan jangkar, yang terutama digunakan untuk akses jangkar di halaman.
<a href =#top> klik saya untuk menautkan ke atas </a>
<a href =#konten> klik saya untuk menautkan ke konten </a>
<a href =#foot> klik saya untuk menautkan ke kaki </a>
Cara lain adalah secara langsung menambahkan tanda jangkar setelah alamat halaman, yang terutama digunakan untuk akses titik jangkar di antara halaman yang berbeda.
Jika alamat halaman ini adalah http: // file path/index.html, untuk mengakses jangkar kaki, cukup akses tautan berikut.
http: // file path/index.html#kaki
2. Apa sebenarnya yang dilakukan HTML Anchor?Secara sederhana, misalnya, jika Anda ingin melihat artikel yang sangat panjang dalam paragraf yang tepat, Anda dapat menggunakan titik jangkar.
Kode:
<a href =#001> lewati ke 001 </a>
... teks dihilangkan
<a name = 001 id = 001>/a>
... teks dihilangkan
Bahkan, titik jangkar hanya membutuhkan nama, dan ID ditambahkan untuk membuatnya lebih kompatibel.
Nilai HREF harus konsisten dengan nama/ID, dan # harus ditambahkan sebelumnya. Kode di atas kompatibel dalam IE6/7 dan FF, tetapi tidak dapat dilakukan di IE8.
Karena nilai titik jangkar kami kosong, kami hanya perlu menambahkan ruang untuk tidak mempengaruhi keindahan.
Sebagai kode berikut, itu bisa kompatibel dengan IE8
<a href =#001> lewati ke 001 </a>
... teks dihilangkan
<a name = 001 id = 001> & nbsp </a>
... teks dihilangkan
Pertanyaan lain, bagaimana dengan menampilkan konten titik jangkar pada halaman tertentu (seperti: 123.html)?
Kodenya adalah sebagai berikut
<a href = 123.html#001> lewati 001 </a>
... teks dihilangkan
<a name = 001 id = 001> & nbsp </a>
... teks dihilangkan
Ini kemarin ketika saya bekerja di latar belakang. Saya ingin memodifikasi posisi, jadi saya memindahkan tanda jangkar (saya biasanya melupakannya).
Tetapi program mengatakan bahwa mereka ingin mendapatkan nilainya, dan mereka harus memiliki? atau & dalam koneksi, sehingga titik jangkar saya tidak akan kompatibel ...
Hehe! Akan ada solusi di masa depan!
Meskipun ada masalah dengan kompatibilitas jangkar di halaman JSP, tidak ada masalah di halaman statis dan masih layak dipelajari!
3. Dalam pengembangan web, jangkar halaman akan digunakan . Jangkar halaman HTML digunakan untuk menautkan ke bab halaman. W3School mengatakan bahwa membuat jangkar menggunakan tag <a> (jangkar) atribut, tetapi ini bukan satu -satunya cara untuk membuat jangkar halaman. Mari kita bicara secara singkat tentang dua cara untuk membuat jangkar halaman HTML.Kami dapat menggunakan alat pengujian online W3School untuk menguji. Kode uji setelah membuka tautan menggunakan <a href =#c4 ″> dan <a name = c4 ″>, dan tidak ada masalah dengan tes. Kemudian ubah <h2> <a name = c4 ″> Bab 4 </a> </h2> menjadi <h2 id = c4 ″> Bab 4 </h2> dan kemudian uji, efeknya sama.
Catatan: Selain menggunakan atribut nama tag jangkar, Anda juga dapat menggunakan atribut ID untuk membuat jangkar halaman. Nilai atribut HREF di tag Anchor Point <a> adalah nilai titik awal # ditambah nama atau ID target:
Salin kode