HTML Atribut <img> alt
Definisi dan penggunaan
alt Atribut ini adalah atribut wajib, ia menentukan teks gantian yang digunakan jika imej tidak dapat dipaparkan.
Jika pengguna tidak dapat melihat imej disebabkan oleh alasan berikut, atribut alt boleh menyediakan maklumat gantian bagi imej:
- Kedudukan internet terlalu lambat
- Kesalahan dalam atribut src
- Pelayar menghentikan paparan imej
- Pengguna menggunakan pereka bacaan layar
Atribut alt bagi tag <img> menentukan teks gantian yang digunakan untuk menggantikan imej yang tidak dapat dipaparkan atau pengguna menghentikan paparan imej di pelayar.
Kami menyarankan dengan kuat untuk gunakan atribut ini di setiap imej dalam dokumen. Demikian, walaupun imej tidak dapat dipaparkan, pengguna masih dapat lihat maklumat tentang apa yang hilang. Dan untuk orang cacat, atribut alt biasanya adalah cara mereka untuk mengerti kandungan imej.
Peringatan:Untuk membuat tooltip untuk imej, gunakan Atribut title！
Tooltip dan Keterangan
Keterangan:alt Nilai atribut adalah string yang maksimum boleh mengandungi 1024 aksara, termasuk ruang dan tanda baca. String ini mesti disertai dengan petikan. Teks alt ini boleh mengandungi referensi entiti khas, tetapi tidak diizinkan mengandungi kategori tanda lain, terutama tiada tanda gaya.
Keterangan:Ketika pengguna gerakkan mouse ke atas elemen img, Internet Explorer akan menunjukkan nilai atribut alt. Perilaku ini adalah salah. Semua pelayar lainnya sedang mendekati spesifikasi, hanya menunjukkan teks gantian jika imej tidak dapat dipaparkan.
Peringatan:Jika perlu membuat tooltip untuk imej, gunakan Atribut title。
Contoh
Contoh 1
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
Jika imej tidak dapat dipaparkan, pelayar akan memaparkan teks gantian, seperti ini:
Selain itu, apabila pengguna gerakkan mouse ke atas imej, pereka yang paling terkini akan menunjukkan teks deskriptif dalam kotak teks. Kode di bawah menambahkan teks deskriptif ke sifat alt imej:
Anda boleh gerakkan mouse ke atas imej di bawah, dan lihat kesan yang sesuai:
Teks di lingkaran merah adalah kesan yang ditunjukkan oleh pereka Internet Explorer 7 apabila pengguna gerakkan mouse ke atas imej:
Contoh 2
Imej yang ditetapkan untuk teks gantian adalah:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Sintaks
<img alt="teks">
Nilai sifat
| Nilai | Deskripsi |
|---|---|
| teks |
Tentukan teks gantian imej. Prinsip penggunaan teks alt:
|
Dukungan pereka
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
