Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara src dan href

Apakah perbezaan antara src dan href

百草
百草asal
2023-08-18 13:44:072964semak imbas

src dan href mempunyai kegunaan berbeza, teg berbeza, kaedah pemuatan berbeza, kesan berbeza pada dokumen dan pilihan berbeza. Pengenalan terperinci: 1. src digunakan untuk menentukan alamat sumber luaran, dan href digunakan untuk menentukan alamat sumber sasaran hiperpautan 2. src biasanya digunakan untuk tag img, tag skrip, tag audio, tag video , dsb., dan atribut href biasanya digunakan untuk teg, teg pautan, arahan @import, dsb. 3. Sumber yang ditunjukkan oleh atribut src akan segera dimuatkan dan dihuraikan oleh penyemak imbas, dsb.

Apakah perbezaan antara src dan href

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

src dan href ialah dua atribut yang biasa digunakan untuk merujuk sumber luaran dalam dokumen HTML dan XML. Walaupun mereka melakukan perkara yang serupa, terdapat beberapa perbezaan dalam penggunaan dan kefungsian.

Penggunaan berbeza:

src (sumber) atribut digunakan untuk menentukan alamat sumber luaran, biasanya digunakan untuk memperkenalkan fail skrip, fail imej, fail audio, fail video, dsb. Ia memberitahu pelayar untuk membenamkan sumber luaran dalam dokumen semasa. Atribut

href (rujukan hiperteks) digunakan untuk menentukan alamat sumber sasaran hiperpautan. Ia biasanya digunakan untuk memaut ke dokumen HTML lain, helaian gaya, fail fon, fail ICO, dsb.

Teg yang disasarkan adalah berbeza:

Atribut src biasanya digunakan dalam teg img, teg skrip, teg audio, teg video, dll., untuk memperkenalkan sumber yang sepadan. Atribut

href biasanya digunakan dalam teg, teg pautan dan arahan @import, dsb. untuk membuat pautan.

Kaedah pemuatan adalah berbeza:

Sumber yang ditunjukkan oleh atribut src akan dimuatkan dan dihuraikan serta-merta oleh penyemak imbas. Semasa proses pemuatan, penyemak imbas akan menjeda pemuatan sumber lain dan pemaparan dokumen sehingga sumber itu dimuat turun dan dilaksanakan.

Sumber yang ditunjukkan oleh atribut href dimuatkan secara tidak segerak apabila dokumen dimuatkan dan tidak akan menyekat pemaparan dokumen. Penyemak imbas memuatkan berbilang sumber secara selari dan terus memaparkan dokumen.

Perbezaan dalam kesan pada dokumen:

Atribut src mempunyai kesan langsung pada struktur dan kandungan dokumen. Sebagai contoh, sumber imej yang ditentukan oleh atribut src bagi teg img akan menduduki kedudukan yang sepadan dalam dokumen. Atribut

href tidak mempunyai kesan langsung pada struktur dan kandungan dokumen. Contohnya, helaian gaya yang ditentukan oleh atribut href bagi teg pautan akan menukar gaya dokumen melalui peraturan CSS.

Pilihan yang berbeza:

Atribut src diperlukan Jika atribut src tidak dinyatakan, penyemak imbas akan menganggap teg itu tidak sah.

Atribut href adalah pilihan Jika atribut href tidak dinyatakan, teg masih sah.

Ringkasnya, src digunakan terutamanya untuk menentukan alamat sumber luaran untuk dibenamkan, manakala href digunakan terutamanya untuk mencipta hiperpautan ke alamat sumber lain. src memuatkan sumber dengan segera dan menjejaskan struktur dan kandungan dokumen, manakala href memuatkan sumber secara tidak segerak dan tidak mempunyai kesan langsung pada struktur dan kandungan dokumen. Memahami perbezaan antara src dan href adalah penting untuk menggunakannya dengan betul dan mengoptimumkan prestasi halaman web.

Atas ialah kandungan terperinci Apakah perbezaan antara src dan href. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah fungsi kanvasArtikel seterusnya:Apakah fungsi kanvas