Masalah utama yang terkait dengan gambar HTML yang tidak dapat diseret adalah sulitnya bagi pengguna untuk memindahkannya di halaman. Ini bisa sangat bermasalah saat membuat halaman web dengan banyak gambar, karena pengguna mungkin perlu mengatur ulang untuk membuat tata letak yang diinginkan. Selain itu, jika pengguna perlu memindahkan gambar dari satu halaman ke halaman lain, mereka harus menyalin dan menempelkannya secara manual, bukan hanya menyeret dan melepaskannya.
<img src="image.jpg" draggable="false" />
1. Baris kode ini membuat elemen gambar di halaman.
2. Sumber gambar ditentukan sebagai "image.jpg".
3. Atribut draggable disetel ke false, artinya gambar tidak dapat diseret dan dilepas pada halaman.
Apa itu gambar yang bisa diseret
Gambar yang dapat diseret dalam HTML adalah fitur yang memungkinkan pengguna menarik dan melepas gambar dari satu lokasi ke lokasi lain. Ini dapat digunakan untuk membuat halaman web interaktif, memungkinkan pengguna untuk memindahkan gambar di sekitar halaman atau antar halaman. Itu juga dapat digunakan untuk membuat game, seperti teka-teki, di mana pengguna harus menyusun potongan-potongan gambar untuk menyelesaikannya. Gambar yang dapat diseret didukung oleh semua browser modern dan diaktifkan dengan menambahkan atribut "dapat diseret" ke sebuah menandai.
Bagaimana cara membuat gambar tidak dapat diseret dalam HTML
Untuk membuat gambar tidak dapat diseret dalam HTML, Anda dapat menggunakan atribut yang dapat diseret dan menyetelnya ke false.
