HTML <img> Elemen (atau HTML Gambar Elemen) merupakan gambar dari dokumen.
Penggunaan catatan:
Browser tidak selalu menampilkan gambar direferensikan oleh elemen. Ini adalah kasus untuk browser non-grafis (termasuk yang digunakan oleh orang-orang dengan gangguan penglihatan), jika pengguna memilih untuk tidak menampilkan gambar, atau jika browser tidak dapat menampilkan gambar karena tidak valid atau jenis yang tidak didukung. Dalam kasus ini, browser dapat mengganti gambar dengan teks didefinisikan dalam elemen ini atribut alt.
Konten kategori konten Arus, isi kalimat, konten tertanam, konten teraba. Jika elemen memiliki atribut usemap, juga merupakan bagian dari kategori konten interaktif.
Diizinkan konten Tidak, itu adalah elemen kosong.
Tag kelalaian Harus memiliki tag awal dan tidak harus memiliki tag akhir.
Diizinkan elemen orangtua Setiap elemen yang hanya menerima suatu tertanam konten.
Antarmuka DOM HTMLImageElement
Atribut
Elemen ini meliputi atribut global.
align Usang sejak HTML4.01, Usang sejak HTML5 Gunakan properti CSS vertical-align
Penyesuaian gambar sehubungan dengan konteks sekitarnya.
alt
Atribut ini mendefinisikan teks alternatif yang menjelaskan gambar. Pengguna akan melihat ini ditampilkan jika URL gambar yang salah, gambar tidak di salah satu format yang didukung, atau jika gambar belum di-download.
Penggunaan catatan: Menghilangkan atribut ini menunjukkan bahwa gambar merupakan bagian penting dari isi, tapi tidak ada yang setara tekstual tersedia. Mengatur atribut ini ke string kosong menunjukkan bahwa gambar ini bukan merupakan bagian penting dari isi; browser non-visual dapat menghilangkan dari render.
perbatasan Usang sejak HTML4.01, Usang sejak HTML5
Lebar perbatasan di sekitar gambar.
crossorigin HTML5
Atribut enumerated ini menunjukkan jika mengambil dari gambar terkait harus dilakukan dengan menggunakan CORS atau tidak. Gambar CORS-enabled dapat digunakan kembali dalam <canvas> elemen tanpa tercemar. Nilai-nilai diperbolehkan adalah:
anonim
Permintaan lintas asal (yaitu, dengan Asal: HTTP header) dilakukan. Tapi tidak ada credential dikirim (yaitu, tidak ada cookie, tidak ada sertifikat X.509, dan tidak ada otentikasi HTTP Basic dikirim). Jika server tidak memberikan mandat ke situs asal (dengan tidak menetapkan Access-Control-Biarkan-Asal: HTTP header), gambar akan tercemar dan dibatasi penggunaannya.
menggunakan kredensial-
Permintaan lintas asal (yaitu, dengan Asal: HTTP header) dilakukan dengan credential dikirim (yaitu, cookie, sertifikat, dan otentikasi dasar HTTP dilakukan). Jika server tidak memberikan mandat ke situs asal (melalui Access-Control Memungkinkan-Kredensial: HTTP header), gambar akan tercemar dan dibatasi penggunaannya.
Ketika tidak ada, sumber daya diambil tanpa permintaan CORS (yaitu, tanpa mengirim Asal yang: HTTP header), mencegah non-tercemar penggunaan dalam <canvas> elemen. Jika tidak valid, itu ditangani seolah-olah kata kunci enumerated anonim digunakan. Lihat pengaturan CORS atribut untuk informasi tambahan.
tinggi badan
Ketinggian gambar di HTML5 CSS pixel, atau HTML 4 dalam pixel atau sebagai persentase.
hspace Usang sejak HTML4.01, Usang sejak HTML5
Jumlah piksel ruang putih untuk memasukkan ke kiri dan kanan gambar.
ismap
Atribut Boolean ini menunjukkan bahwa gambar merupakan bagian dari peta server-side. Jika demikian, koordinat yang tepat dari klik yang dikirim ke server.
Penggunaan Catatan: Atribut ini diperbolehkan hanya jika <img> elemen adalah keturunan dari suatu unsur <a> dengan atribut href valid.
longdescHTML 4 hanya
URL deskripsi gambar yang akan ditampilkan, yang melengkapi teks alt. Dalam HTML5, gunakan elemen <a> biasa untuk link ke deskripsi.
nama jenis Usang sejak HTML4.01, Usang sejak HTML5
Sebuah nama untuk elemen. Hal ini didukung dalam HTML 4 hanya untuk kompatibilitas. Menggunakan atribut id gantinya.
sizesHTML5
Daftar satu atau lebih string dipisahkan dengan koma menunjukkan satu set ukuran sumber. Setiap ukuran sumber terdiri dari:
kondisi media yang. Ini harus dihilangkan untuk item terakhir.
nilai ukuran sumber.
Nilai ukuran sumber yang digunakan untuk menentukan ukuran dimaksudkan gambar, dengan tujuan untuk memilih sumber dari daftar yang disediakan oleh atribut srcset ketika menggunakan 'w' deskriptor. Ukuran yang dipilih mempengaruhi ukuran intrinsik gambar (gambar ukuran melekat jika tidak ada styling CSS eksplisit diterapkan). Jika atribut srcset tidak ada, atau tidak mengandung nilai-nilai dengan deskripsi lebar, maka ukuran atribut tidak berpengaruh.
src
URL gambar, atribut ini adalah wajib untuk <img> elemen. Pada browser yang mendukung srcset, src diperlakukan seperti gambar calon dengan kerapatan pixel keterangan 1x kecuali gambar dengan ini kepadatan pixel descriptor sudah didefinisikan dalam srcset atau srcset berisi 'w' deskriptor.
srcsetHTML5
Daftar satu atau lebih string dipisahkan dengan koma menunjukkan satu set kemungkinan gambar untuk agen pengguna untuk menggunakan. Setiap string terdiri dari:
URL untuk gambar,
opsional, spasi diikuti oleh salah satu:
deskriptor lebar, yang merupakan bilangan bulat positif diikuti langsung oleh 'w'. Lebar deskripsi dibagi dengan ukuran sumber diberikan dalam ukuran atribut untuk menghitung kepadatan pixel efektif.
deskriptor kepadatan pixel, yang merupakan angka floating positif diikuti langsung oleh 'x'.
Jika tidak ada keterangan yang ditentukan, itu setara dengan 1x.
Ini tidak valid untuk mencampur deskripsi lebar dan deskripsi kepadatan pixel dalam atribut srcset yang sama. Di antara daftar, harus ada hanya satu string yang berisi deskripsi yang sama.
Browser memilih gambar yang paling memadai untuk menampilkan pada suatu titik waktu tertentu.
lebar
Lebar gambar di HTML5 CSS pixel, atau HTML 4 dalam pixel atau sebagai persentase.
usemap
Parsial URL (dimulai dengan '#') dari peta gambar yang berhubungan dengan elemen.
Penggunaan catatan: Anda tidak dapat menggunakan atribut ini jika <img> elemen adalah keturunan dari <a> atau <button> elemen.
vSpace Usang sejak HTML4.01, Usang sejak HTML5
Jumlah piksel ruang putih untuk menyisipkan atas dan di bawah gambar.
Format gambar yang didukung
Standar HTML tidak memberikan daftar format gambar yang harus didukung, sehingga setiap user agent mendukung satu set yang berbeda dari format. Gecko mendukung:
JPEG
GIF, termasuk animasi GIF
PNG
APNG
SVG
BMP
BMP ICO
PNG ICO
Catatan:
Dukungan untuk format XBM telah dihapus di Gecko 1.9.2.
sumber dari :https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
Tidak ada komentar:
Posting Komentar