Jangkar di situs ini sangat berguna jika Anda ingin artikel di situs Anda memiliki transisi yang nyaman di antara item daftar. Mereka membalik halaman ke titik yang diinginkan atau membuka halaman yang diinginkan, membantu pengguna dengan cepat menemukan informasi yang dia butuhkan.
Jika Anda menulis situs Anda sendiri, Anda seharusnya memikirkan bagaimana membuat navigasi situs Anda lebih nyaman. Agar pengguna tidak perlu mencari informasi yang dia butuhkan di antara semua halaman situs Anda, yang terbaik adalah menggunakan teknik "jangkar". Ini akan membuat tautan ke informasi atau dokumen apa pun di mana pun di situs Anda.
Teori
Untuk membuat jangkar, Anda memerlukan dua elemen:
- Bagian dari kode, yang menunjukkan tautan ke jangkar kami, tertinggal di bagian lain situs.
- Setiap bagian dari kode di mana pengidentifikasi dapat ditentukan adalah jangkar kami.
Pertama, Anda perlu membuat bagian pertama dari jangkar - tautan ke sana. Tautan jangkar memiliki dua bagian: tautan halaman dan tautan jangkar.
- Buat tag "a" atau tag lain yang mendukung atribut "href"
- Dalam tag ini buat atribut "href"
- Tentukan link ke halaman situs dalam nilai atribut.
- Setelah tautan, tunjukkan tautan ke jangkar menggunakan simbol "#" dan nama apa pun untuk jangkar (ditulis bersama, misalnya: "#anchor")
Jika Anda melewatkan poin 3 dan tidak menentukan tautan ke halaman situs, jangkar akan dicari di halaman saat ini. Artinya, jika Anda ingin membuat tautan ke jangkar yang terletak di halaman yang sama, Anda dapat menghilangkan tautan ke halaman itu sendiri.
Tetap membuat bagian kedua dari jangkar - pengidentifikasi. Ini merujuk ke tag apa pun dalam kode situs yang mendukung atribut id. Untuk membuat jangkar, Anda perlu:
- Buat atribut "id" di tag yang diperlukan.
- Di atribut "id", tentukan nilai nama jangkar yang ditentukan pada langkah sebelumnya. (contoh:)
Setelah dua langkah ini, tautan muncul di situs yang akan membawa Anda ke jangkar yang ditentukan.
Praktek
Mari kita pertimbangkan cara membuat jangkar menggunakan contoh spesifik.
Kami memiliki halaman sederhana seperti ini:
Kami memiliki teks di bagian atas dan bawah halaman, banyak tag "br" yang menciptakan ruang di antara teks. Kita perlu membuat jangkar sehingga kita dapat dengan cepat melihat teks di bagian bawah.
Untuk melakukan ini, buat tag baru - "a" setelah tulisan "teks di atas". Di dalamnya kita membuat atribut "href". Untuk membuat jangkar lebih nyaman, kami akan menulis "turun" di tautan.
Sekarang kita tentukan nilai "#yakor" di atribut - ini akan menjadi tautan ke nama jangkar.
Bagian pertama dari jangkar - tautan ke sana - sudah siap. Sekarang yang tersisa hanyalah membuat jangkar itu sendiri. Kami melewati bagian halaman yang diinginkan. Dalam hal ini, itu adalah "teks di bagian bawah". Karena ini adalah teks sederhana tanpa tag, kita perlu membuatnya. Untuk melakukan ini, lampirkan teks dalam "paragraf" - tag "p".
Dalam tag ini kita membuat atribut "id" dan memasukkan nilai "yakor" ke dalamnya. Nilai "yakor" cocok dengan nama jangkar yang ditentukan di tautan.
Sekarang jangkar kami bekerja sebagaimana mestinya.
