Tagging <source> Srcset Attribute Pada Bahasa Pemrograman HTML
Jokam-Informatika.com - Pernahkah sobat melihat sebuah gambar pada halaman tertentu yang memiliki frame atau display yang berbeda dengan pengguna yang lain, hal ini tentunya disebabkan oleh ukuran resolusi layar pengguna yang mengakses website milik sobat.
Sehingga gambar pengguna yang memiliki resolusi layar yang lebar akan berbeda dengan gambar yang dilihat oleh pengguna dengan memiliki resolusi layar yang kecil.
Nah, salah satu atribut yang dimiliki Tag Source adalah "Srcset".
Sehingga gambar pengguna yang memiliki resolusi layar yang lebar akan berbeda dengan gambar yang dilihat oleh pengguna dengan memiliki resolusi layar yang kecil.
Nah, salah satu atribut yang dimiliki Tag Source adalah "Srcset".
Seperti apakah fungsi dari Atribut Srcset pada Tag Source pada HTML ?
Simak ulasan berikut ini untuk mengetahuinya,
Srcset - Merupakan salah satu atribut pada pemrograman HTML yang berfungsi untuk mengatur gambar tertentu yang bertugas padat perangkat resolusi masing-masing. Hal ini tentunya memerlukan bantuan CSS kemudian Srcset akan berperan pada penerapan gambar pada perangkat, sehingga jika kondisi sudah memenuhi syarat maka atribut ini akan langsung bekerja ketika pengguna mengakses halaman tersebut terhadap gambar.
Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :
Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :
Syntax :
<source srcset="URL">
Penerapan Syntax :
<picture>
<source media="(min-width: 354px)" srcset="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb28OTASGyzQ8ojLshCLiZwdyMikm8DfkUEymMGvgRgpGrYuJdbmnDbpOJW40EhKj7mznebZW-BtLl5izXaEJJaPXMtCbeV5S-a25ZHYnxWmbbgnKcdysSTfafg9eIKPlzIEQETclxkHqz/s1600/Logo.jpg">
<img alt="Logo">
</picture>
Value Srcset Source :
|
|
|
1
|
URL
|
Berfungsi untuk mendefinisikan sebuah sumber tetap pada segala situasi. |
Ingin mencobanya ?
Klik disini : JALANKAN CODE
Ingin Kembali ke <source> Tagging ?
Klik disini : Tagging <source> HTML
Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <source> Srcset Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <source> Srcset HTML.
Sekian dan terimakasih.