Atribut alt gambar

Objek Image DOM HTML

Definisi dan penggunaan

alt Pengaturan atribut atau kembalikan gambar Atribut alt nilai.

Jika gambar tidak dapat ditampilkan untuk alasan apapun (disebabkan kecepatan koneksi lambat, kesalahan atribut src, atau penggunaan pemroses layar membaca), atribut yang diperlukan Atribut alt Tentukan teks pengganti gambar.

Keterangan:Ketika mouse berada di atas elemen <img>, Internet Explorer akan menampilkan nilai atribut alt sebagai tooltip. Menurut standar HTML, ini bukan perilaku yang benar. Semua browser lain mengikuti standar dan hanya menampilkan teks pengganti gambar saat gambar tidak dapat ditampilkan.

Petunjuk:Untuk membuat tooltip gambar, gunakan global Atribut title.

Contoh

Contoh 1

Kembalikan teks pengganti gambar:

var x = document.getElementById("myImg").alt;

Coba sendiri

Contoh 2

Ubah teks pengganti gambar:

document.getElementById("myImg").alt = "Beijing Scenery";

Coba sendiri

Sintaks

Kembalikan atribut alt:

imageObject.alt

Atur atribut alt:

imageObject.alt = text

Nilai atribut

Nilai Deskripsi
text

Tentukan teks pengganti gambar.

Panduan teks pengganti:

  • Jika gambar mengandung informasi, teks harus mendeskripsikan gambar
  • Jika gambar berada di dalam elemen <a>, teks harus menyatakan lokasi tautan
  • Jika gambar hanya digunakan untuk dekorasi, gunakan alt=""

Detil Teknik

Nilai kembalian: Nilai string, menunjukkan teks pengganti gambar.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan Referensi HTML:Atribut alt <img> HTML

Objek Image DOM HTML