Pertanyaan Apa itu ketika tautan memiliki tanda “#” pound di dalamnya


Saya telah memeriksa beberapa situs dan mereka memiliki tanda pound (#) di url. Apa fungsinya?

 <a href="#" >Link name</a>

76
2018-05-10 03:44


asal


Jawaban:


Ini adalah "fragmen" atau "jangkar bernama". Anda dapat menggunakan tautan bagian sebuah dokumen. Biasanya ketika Anda menautkan ke halaman, browser membukanya di bagian atas halaman. Tetapi Anda menautkan ke bagian setengah jalan ke bawah, Anda dapat menggunakan fragmen untuk menautkan ke tajuk itu (atau apa pun).

Jika tidak ada <a name="whatever"/> tag di dalam halaman, maka browser hanya akan menautkan ke bagian atas halaman. Jika fragmen kosong, maka itu juga hanya akan menghubungkan ke bagian atas halaman.

Untuk sebuah fragmen hanya  <a href="#">Link name</a>, maka itu hanya tautan ke atas arus halaman.

Anda sering melihat jenis tautan yang digunakan bersamaan dengan javascript. Standar yang sesuai dengan HTML membutuhkan a href atribut, tetapi jika Anda berencana untuk menangani permintaan dengan javascript, maka "#" berfungsi sebagai pemegang tempat yang wajar.


95
2018-05-10 03:47



... hanya untuk menambahkan beberapa kiat berguna tambahan.

Anda dapat mengakses dan mengubahnya document.location.hash di JavaScript.

Ini dapat mengarah ke jangkar bernama (mis. <a name="top"></a>) atau ke elemen dengan id yang sesuai (mis. <div id="top"></div>).

Melihatnya sendiri (mis. <a href="#" onclick="pop()">popup</a>) umumnya berarti tautan digunakan untuk menjalankan JavaScript secara eksklusif. Ini praktik yang buruk.

Apa saja a elemen harus memiliki href yang menunjuk ke sumber daya yang valid. Jika tidak ada, pertimbangkan untuk menggunakan elemen lain, seperti button.


23
2018-05-10 04:06



# menunjukkan tautan ke jangkar.

Saya pikir saya juga akan menyebutkan sesuatu yang lain:

Menggunakan '#' sebagai href untuk tautan yang mengaktifkan JavaScript buruk karena menggulir halaman ke atas - yang mungkin bukan yang Anda inginkan. Sebaliknya, gunakan javascript:void(0).


10
2018-05-10 04:38



Tanda pound (#) menunjukkan untuk menempatkan anchor di halaman. Misalnya, jika Anda menyertakan ini di suatu tempat di halaman:

<a name="foo"></a>

atau, baru-baru ini:

<div id="foo">*part of page*</div>

dan kemudian Anda mengklik tautan di halaman yang memiliki href #foo, itu akan menavigasi ke jangkar dengan nama atau div dengan id foo.

Namun, jika Anda baru saja mengalami href #, itu akan mengarah ke bagian atas halaman.


7
2017-09-09 21:31



Ini menghubungkan kembali ke halaman itu sendiri. Ini sering digunakan dengan tautan yang benar-benar menjalankan beberapa JavaScript.


2
2018-05-10 03:45