Perbezaan antara src dan href dijelaskan secara terperinci untuk membantu anda memahaminya dengan teliti!

WBOY
Lepaskan: 2024-01-06 22:33:19
asal
741 orang telah melayarinya

Perbezaan antara src dan href dijelaskan secara terperinci untuk membantu anda memahaminya dengan teliti!

src dan href ialah dua atribut biasa dalam pembangunan web, digunakan untuk memperkenalkan sumber luaran. Walaupun mereka boleh digunakan secara bergantian dalam banyak situasi, terdapat beberapa perbezaan yang jelas antara mereka. Artikel ini akan menerangkan perbezaan antara src dan href secara terperinci dan memberikan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik.

1. Objek yang diperkenalkan adalah berbeza
src digunakan untuk membenamkan sumber luaran, seperti gambar, skrip, audio, dsb. Ia menentukan lokasi khusus dan nama fail sumber yang akan digunakan. src biasanya digunakan dalam teg seperti img, skrip, audio dan video, seperti yang ditunjukkan di bawah:

<img  src="image.jpg" alt="Perbezaan antara src dan href dijelaskan secara terperinci untuk membantu anda memahaminya dengan teliti!" >
<script src="script.js"></script>
<audio src="audio.mp3"></audio>
Salin selepas log masuk

Dan href digunakan terutamanya untuk pautan ke sumber luaran, seperti fail CSS, hiperpautan, dsb. Ia menentukan alamat URL sumber sasaran untuk dipautkan. href biasanya digunakan dalam teg seperti pautan dan a, seperti yang ditunjukkan di bawah:

<link rel="stylesheet" href="style.css">
<a href="https://www.example.com">访问示例网站</a>
Salin selepas log masuk

2 Kaedah pemuatan adalah berbeza
Sumber yang diperkenalkan melalui src perlu dimuatkan dan dihuraikan oleh penyemak imbas, yang akan menyekat pemaparan halaman sehingga sumber dimuatkan. Ini bermakna jika terdapat berbilang sumber yang diperkenalkan menggunakan src dalam halaman web, masa memuatkan halaman akan dilanjutkan. Secara umumnya, adalah disyorkan untuk meletakkan skrip di bahagian bawah teg badan untuk mengelakkan pemuatan halaman disekat.

Sumber yang diperkenalkan melalui href dimuatkan pada masa yang sama semasa halaman dipaparkan dan tidak akan menyekat paparan halaman. Ini membolehkan berbilang sumber luaran dimuatkan secara selari semasa halaman dimuatkan, meningkatkan kelajuan pemuatan halaman. Senario biasa untuk menggunakan href ialah memperkenalkan fail CSS, seperti yang ditunjukkan di bawah:

<link rel="stylesheet" href="style.css">
Salin selepas log masuk

3 Skop aplikasi yang berbeza
src boleh digunakan untuk membenamkan pelbagai jenis sumber, termasuk imej, skrip, audio dan video, dsb. Ia boleh digunakan pada pelbagai teg, seperti img, skrip, audio, video, dll., untuk membenamkan pelbagai jenis sumber.

Href digunakan terutamanya untuk memperkenalkan pautan kepada sumber luaran. Ia biasanya digunakan dalam teg seperti pautan dan a untuk membuat hiperpautan atau pautan ke sumber luaran seperti fail CSS.

Ringkasnya, src dan href mempunyai perbezaan berikut apabila memperkenalkan sumber luaran:

  • src digunakan untuk membenamkan sumber luaran, dan href digunakan untuk memaut kepada sumber luaran.
  • src memerlukan penyemak imbas untuk memuatkan dan menghuraikan sumber, yang akan menyekat pemaparan halaman, sebaliknya, memuatkan sumber semasa halaman itu dipaparkan dan tidak akan menyekat paparan halaman.
  • src sesuai untuk pelbagai teg dan digunakan untuk membenamkan pelbagai jenis sumber; href digunakan terutamanya dalam teg seperti pautan dan untuk memperkenalkan pautan kepada sumber luaran.

Saya berharap melalui penjelasan artikel ini, pembaca dapat lebih memahami perbezaan antara src dan href, dan menggunakannya dengan betul dalam pembangunan web sebenar.

Atas ialah kandungan terperinci Perbezaan antara src dan href dijelaskan secara terperinci untuk membantu anda memahaminya dengan teliti!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan