Cara membuat link ke bagian di halaman yang sama dalam HTML
Hyperlink digunakan oleh browser web untuk berpindah dari satu halaman ke halaman lain. Namun, Anda juga dapat pindah ke area lain di halaman yang sama. Bagian berikut menunjukkan kepada pengguna cara menautkan ke atas, bawah, atau bagian tertentu pada halaman web. Pilih metode dari daftar berikut, atau jelajahi kedua opsi.
Saat ini, semua browser masih mengenali “#” sebagai cara yang memungkinkan untuk berpindah ke bagian atas atau bawah halaman. Namun, metode ini sudah usang dan mungkin tidak berfungsi di versi HTML mendatang. Kami menyarankan menggunakan metode id sebagai gantinya karena lebih mutakhir dan serbaguna.
Menggunakan #top atau #bottom
Contoh berikut menggunakan #top dan #bottom dengan atribut tag dan href untuk menautkan ke bagian halaman tersebut. Metode ini mirip dengan menggunakan “id”, tetapi Anda tidak harus memilih elemen tertentu. Klik “Atas” atau “Bawah” di Hasil bagian untuk melihat apa yang terjadi.
Contoh
Hasil
Puncak
Bawah
Menggunakan pemilih id
Dalam CSS, “id” adalah selektor yang digunakan untuk menunjukkan area yang harus dituju oleh link, mirip dengan jangkar di HTML. Hal yang menyenangkan tentang menggunakan id adalah Anda dapat membuat tautan ke elemen apa pun di halaman, bukan hanya bagian atas atau bawah. Di bagian berikut, Anda akan melihat bagaimana menerapkan id ke tag HTML, dan kemudian bagaimana menautkannya. Contoh ini akan ditautkan ke paragraf pembuka di bagian atas halaman ini.
Gunakan pemilih #id
id = “pembukaan”> Hyperlink digunakan oleh browser web untuk berpindah dari satu halaman ke halaman lain …
Buat tautan ke pemilih
href = “# pembukaan”> Bawa saya ke paragraf pembuka.
Hasil
Bawa saya ke paragraf pembuka.