Sauh di laman web ini sangat berguna jika anda mahu artikel di laman web anda mempunyai peralihan yang mudah antara item senarai. Mereka menghidupkan halaman ke titik yang diinginkan atau membuka halaman yang diinginkan, membantu pengguna dengan cepat mencari maklumat yang dia perlukan.
Sekiranya anda menulis laman web anda sendiri, anda seharusnya memikirkan cara membuat navigasi laman web anda lebih senang. Agar pengguna tidak perlu mencari maklumat yang dia perlukan di antara semua halaman di laman web anda, lebih baik menggunakan teknik "anchor". Ini akan membuat pautan ke maklumat atau dokumen di mana sahaja di laman web anda.
Teori
Untuk membuat sauh, anda memerlukan dua elemen:
- Bahagian kod, yang menunjukkan pautan ke jangkar kami, ditinggalkan di bahagian lain dari laman web ini.
- Sebarang bahagian kod di mana pengecam dapat ditentukan adalah penanda kami.
Mula-mula anda perlu membuat bahagian pertama jangkar - pautan kepadanya. Pautan sauh mempunyai dua bahagian: pautan halaman dan pautan sauh.
- Buat tag "a" atau tag lain yang menyokong atribut "href"
- Dalam teg ini buat atribut "href"
- Tentukan pautan ke laman laman dalam nilai atribut.
- Selepas pautan, tunjukkan pautan ke jangkar menggunakan simbol "#" dan sebarang nama untuk jangkar (ditulis bersama, misalnya: "#anchor")
Sekiranya anda melewati titik 3 dan tidak menentukan pautan ke halaman laman web, jangkar akan dicari di halaman semasa. Maksudnya, jika anda ingin membuat pautan ke jangkar yang terletak di halaman yang sama, anda boleh menghilangkan pautan ke halaman itu sendiri.
Masih ada untuk membuat bahagian kedua jangkar - pengecam. Ini merujuk kepada sebarang tag dalam kod laman web yang menyokong atribut id. Untuk membuat sauh, anda memerlukan:
- Buat atribut "id" dalam tag yang diperlukan.
- Dalam atribut "id", tentukan nilai nama anchor yang ditentukan pada langkah sebelumnya. (contoh:)
Selepas dua langkah ini, pautan muncul di laman web yang akan membawa anda ke jangkar yang ditentukan.
Berlatih
Mari pertimbangkan bagaimana membuat sauh menggunakan contoh tertentu.
Kami mempunyai halaman ringkas seperti ini:
Kami mempunyai teks di bahagian atas dan bawah halaman, banyak tag "br" yang memberi ruang di antara teks. Kita perlu membuat sauh supaya kita dapat melihat teks di bahagian bawah dengan cepat.
Untuk melakukan ini, buat tag baru - "a" selepas prasasti "teks di bahagian atas". Di dalamnya kita membuat atribut "href". Untuk menjadikan sauh lebih mudah, kami akan menuliskan "bawah" di pautan.
Sekarang kita menentukan nilai "#yakor" dalam atribut - ini akan menjadi pautan ke nama penanda.
Bahagian pertama jangkar - pautan kepadanya - sudah siap. Sekarang yang tinggal hanyalah membuat sauh itu sendiri. Kami sampai ke bahagian halaman yang dikehendaki. Dalam kes ini, ia adalah "teks di bahagian bawah". Oleh kerana ini adalah teks ringkas tanpa tag, kita perlu membuatnya. Untuk melakukan ini, sertakan teks dalam "perenggan" - tag "p".
Dalam tag ini kita membuat atribut "id" dan memasukkan nilai "yakor" ke dalamnya. Nilai "yakor" sepadan dengan nama jangkar yang ditentukan dalam pautan.
Kini sauh kami berfungsi sebagaimana mestinya.
