SRC (atribut HTML)

atribut src dalam HTML menentukan lokasi sumber terbenam, yang paling biasa imej, tetapi juga berkenaan dengan audio, video, dan iframes. Lokasi ini boleh relatif kepada laman web semasa, berbanding dengan direktori root pelayan, atau url lengkap.

jalur relatif:

• direktori yang sama: <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993373573.jpg" class="lazy" alt="src (HTML attribute) "> (image.jpg berada dalam folder yang sama dengan fail HTML).
• satu tahap ke atas: <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993391833.jpg" class="lazy" alt="src (HTML attribute) "> (image.jpg adalah satu direktori di atas fail html semasa).
• dalam laman web root: <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993464780.jpg" class="lazy" alt="src (HTML attribute) "> (image.jpg berada dalam folder /images di akar laman web).

URL mutlak:

untuk imej yang dihoskan pada pelayan yang berbeza, gunakan URL penuh: . <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993538767.jpg" class="lazy" alt="Image Description">

Contoh:

Kod berikut memaparkan imej bernama

yang terletak di direktori yang sama dengan fail HTML:

myimage.png

<code class="language-html"><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052995196248.png" class="lazy" alt="src (HTML attribute) "></code>

Pertimbangan utama:

• : Sentiasa sertakan atribut alt untuk menyediakan teks alternatif untuk pembaca skrin dan apabila imej gagal dimuatkan. Ini penting untuk kebolehcapaian. alt
Jenis fail:
• atribut hendaklah tepat mencerminkan jenis fail (mis., src Pengendalian ralat: .jpg Jika sumber yang ditentukan tidak dijumpai, penyemak imbas biasanya akan memaparkan ikon imej yang rosak atau apa -apa sama sekali. Pengendalian ralat yang betul mungkin melibatkan sumber imej alternatif atau mekanisme penolakan. .png .gif .mp4 Keselamatan: .mp3 Meningkatkan sumber dari domain yang berbeza boleh tertakluk kepada dasar keselamatan pelayar (CORS).
• Soalan Lazim (Soalan Lazim):
• Walaupun teks yang disediakan merangkumi banyak aspek atribut , inilah ringkasan ringkas yang menangani perkara utama:
• Apa itu src? src (sumber) Menentukan URL sumber terbenam.
• Tag yang digunakan src? <img alt="SRC (atribut HTML)" > Apa yang berlaku jika <audio></audio> hilang? <video></video> Imej (atau sumber terbenam lain) tidak akan dipaparkan. <iframe></iframe>
• boleh mengendalikan domain yang berbeza? src Ya, tetapi tertakluk kepada sekatan CORS.
• pelbagai sumber? Gunakan src unsur -unsur dalam ,
, atau
• tag untuk pelbagai sumber. <source></source> relatif vs URL mutlak? <picture></picture> URL relatif relatif kepada halaman semasa; URL mutlak adalah URL lengkap. <audio></audio> <video></video>
• vs ?
• embeds kandungan; src mencipta pautan href ke kandungan. src saiz fail maksimum? href Tiada had ketat, tetapi fail yang lebih besar memberi kesan masa.
https ke http?
• tidak disyorkan kerana risiko keselamatan (amaran kandungan campuran).
Jawapan yang disemak ini memberikan penjelasan yang lebih efisien dan menangani Soalan Lazim dengan cara yang lebih jelas dan lebih ringkas.

Atas ialah kandungan terperinci SRC (atribut HTML). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!