Apakah perbezaan antara src dan href_Apakah perbezaan antara src dan href-masalah biasa-php.cn

Rumah

masalah biasa

Apakah perbezaan antara src dan href

尊渡假赌尊渡假赌尊渡假赌

Oct 16, 2023 am 11:15 AM

src href

Kedua-dua atribut src dan href digunakan untuk menentukan alamat sumber, tetapi tujuan dan senario penggunaan adalah berbeza: 1. Atribut src digunakan untuk menentukan alamat sumber luaran, manakala atribut href digunakan untuk nyatakan alamat sasaran hiperpautan 2. Atribut src Ia digunakan semasa memperkenalkan elemen media, dan atribut href biasanya digunakan dalam teg benamkannya ke dalam halaman semasa dan atribut href mentakrifkan perkara yang perlu dilakukan selepas pengguna mengklik URL halaman web, dokumen atau sumber lain yang dibuka.

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

src dan href digunakan untuk menentukan alamat sumber, tetapi tujuan dan senario penggunaannya berbeza.

src atribut (sumber) digunakan untuk menentukan alamat sumber luaran dan digunakan apabila memperkenalkan elemen media (seperti , , , dsb.). Ia memberitahu pelayar untuk memuatkan sumber yang ditentukan dan membenamkannya ke dalam halaman semasa. Biasanya digunakan untuk membenamkan imej, audio, video, skrip, dll. Atribut </p></li> <li><p>href (rujukan hiperteks) digunakan untuk menentukan alamat sasaran hiperpautan, iaitu URL sasaran lompatan pautan. Ia biasanya digunakan dalam teg <a> untuk menentukan URL halaman web, dokumen atau sumber lain yang akan dibuka oleh pengguna selepas mengklik. </p></li> </ul> <p>Jadi, perbezaannya diringkaskan seperti berikut: </p> <ul style='margin-bottom: 16px; padding-left: 2em; color: rgb(0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; text-wrap: wrap;'> <li>src atribut digunakan untuk menentukan alamat sumber luaran elemen terbenam, seperti imej, audio, video, skrip, dll. Atribut </li> <li>href digunakan untuk menentukan alamat sasaran hiperpautan untuk memaut ke halaman atau sumber lain. </li> </ul> <p>Sila ambil perhatian penggunaan yang betul bagi kedua-dua sifat ini dalam konteks yang berbeza. Jika atribut yang salah digunakan di tempat yang tidak sesuai, ia boleh menyebabkan masalah dengan pemaparan halaman atau lompatan pautan. </p><p>Atas ialah kandungan terperinci Apakah perbezaan antara src dan href. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Kenyataan Laman Web ini</div> <div>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</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat AI Hot</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Gambar buka pakaian secara percuma</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Penyingkiran pakaian AI</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Menjana ai hentai secara percuma.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Artikel Panas</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/1796780570.html" title="R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 minggu yang lalu</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/1796773439.html" title="Repo: Cara menghidupkan semula rakan sepasukan" class="phpgenera_Details_mainR4_bottom_title">Repo: Cara menghidupkan semula rakan sepasukan</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 bulan yang lalu</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/1796774171.html" title="Hello Kitty Island Adventure: Cara mendapatkan biji gergasi" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Adventure: Cara mendapatkan biji gergasi</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/1796775427.html" title="Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?" class="phpgenera_Details_mainR4_bottom_title">Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 minggu yang lalu</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/1796775336.html" title="R.E.P.O. Simpan Fail Lokasi: Di manakah & bagaimana untuk melindunginya?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Simpan Fail Lokasi: Di manakah & bagaimana untuk melindunginya?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 minggu yang lalu</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ms/article.html">Tunjukkan Lagi</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat panas</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Editor kod yang mudah digunakan dan percuma</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Cina</h3> </a> <p>Versi Cina, sangat mudah digunakan</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Hantar Studio 13.0.1</h3> </a> <p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Alat pembangunan web visual</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Mac</h3> </a> <p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Topik panas</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7345</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1627</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1352</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1265</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1214</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ms/faq/zt">Tunjukkan Lagi</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/592355.html" title="Apakah maksud src dan href?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202308/16/2023081616582964115.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah maksud src dan href?" /> </a> <a href="https://www.php.cn/ms/faq/592355.html" title="Apakah maksud src dan href?" class="phphistorical_Version2_mids_title">Apakah maksud src dan href?</a> <span class="Articlelist_txts_time">Aug 16, 2023 pm 05:00 PM</span> <p class="Articlelist_txts_p">src dan href masing-masing, 1. src ialah singkatan sumber, yang digunakan untuk menentukan laluan sumber luaran Ia biasanya digunakan untuk membenamkan fail luaran, seperti gambar, audio, video, dll. Atribut src secara amnya digunakan pada img, skrip, iframe dan tag lain ; 2. href ialah singkatan rujukan hiperteks, yang digunakan untuk menentukan laluan sumber sasaran hiperpautan. Atribut href biasanya digunakan pada teg seperti pautan dan.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/636823.html" title="Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170372285126929.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href?" /> </a> <a href="https://www.php.cn/ms/faq/636823.html" title="Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href?" class="phphistorical_Version2_mids_title">Apakah perbezaan dalam fungsi dan penggunaan antara atribut src dan atribut href?</a> <span class="Articlelist_txts_time">Dec 28, 2023 am 08:20 AM</span> <p class="Articlelist_txts_p">Atribut src dan atribut href ialah atribut yang biasa digunakan dalam HTML dan digunakan untuk memuatkan sumber luaran. Walaupun mereka mempunyai tujuan yang sama, terdapat beberapa perbezaan dalam penggunaan dan tujuan. Atribut src: Atribut src digunakan untuk menentukan sumber luaran untuk dibenamkan dalam dokumen Ia digunakan terutamanya untuk memperkenalkan fail skrip luaran dan fail media ke dalam dokumen HTML. Ia boleh digunakan dalam situasi berikut: Perkenalkan fail JavaScript luaran: Pautkan fail JavaScript luaran ke halaman HTML melalui atribut src.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/592636.html" title="Apakah permintaan yang dihantar oleh href dan src?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202308/17/2023081714202681944.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah permintaan yang dihantar oleh href dan src?" /> </a> <a href="https://www.php.cn/ms/faq/592636.html" title="Apakah permintaan yang dihantar oleh href dan src?" class="phphistorical_Version2_mids_title">Apakah permintaan yang dihantar oleh href dan src?</a> <span class="Articlelist_txts_time">Aug 17, 2023 pm 02:20 PM</span> <p class="Articlelist_txts_p">Dapatkan permintaan yang dihantar oleh href dan src. Penerangan terperinci: 1. Atribut href digunakan untuk menentukan sumber sasaran pautan Apabila merujuk helaian gaya luaran, ia akan menghantar permintaan GET untuk mendapatkan fail CSS Apabila merujuk dokumen, ia akan menghantar permintaan GET mendapatkan fail HTML yang ditentukan Apabila merujuk imej, ia akan menghantar permintaan GET Untuk mendapatkan fail imej yang ditentukan 2. Atribut src digunakan untuk menentukan URL sumber terbenam, ia akan menghantar a Permintaan GET untuk mendapatkan fail imej yang ditentukan Apabila merujuk audio, ia akan menghantar permintaan GET untuk mendapatkan fail audio yang ditentukan, dsb.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/642885.html" title="Ketahui butiran penting tentang perbezaan antara src dan href!" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170450348449721.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Ketahui butiran penting tentang perbezaan antara src dan href!" /> </a> <a href="https://www.php.cn/ms/faq/642885.html" title="Ketahui butiran penting tentang perbezaan antara src dan href!" class="phphistorical_Version2_mids_title">Ketahui butiran penting tentang perbezaan antara src dan href!</a> <span class="Articlelist_txts_time">Jan 06, 2024 am 09:11 AM</span> <p class="Articlelist_txts_p">Perbezaan antara src dan href, butiran yang anda mesti tahu! Apabila menulis halaman HTML, kita sering menemui dua atribut src dan href. Kedua-duanya digunakan untuk merujuk sumber luaran, seperti fail skrip, fail gaya atau imej. Walaupun tujuan mereka adalah serupa, terdapat beberapa perbezaan dalam penggunaan dan butiran khusus mereka. Pertama sekali, atribut src (sumber) digunakan terutamanya untuk membenamkan sumber luaran, seperti gambar atau skrip. Ia digunakan untuk menentukan alamat sumber dan membenamkan kandungannya ke dalam dokumen semasa. Dan href(</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/643208.html" title="Apakah perbezaan antara src dan href? Dapatkan segera!" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170454659190992.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah perbezaan antara src dan href? Dapatkan segera!" /> </a> <a href="https://www.php.cn/ms/faq/643208.html" title="Apakah perbezaan antara src dan href? Dapatkan segera!" class="phphistorical_Version2_mids_title">Apakah perbezaan antara src dan href? Dapatkan segera!</a> <span class="Articlelist_txts_time">Jan 06, 2024 pm 09:09 PM</span> <p class="Articlelist_txts_p">Apakah perbezaan antara src dan href? Dapatkan segera! Dalam proses pembangunan web, src dan href ialah dua atribut yang biasa digunakan. Walaupun ia kelihatan serupa, ia sebenarnya mempunyai kegunaan yang berbeza dan senario yang boleh digunakan. Dalam artikel ini, kami akan menyelami perbezaan antara src dan href dan menerangkannya dengan contoh kod konkrit. Dalam HTML, src ialah atribut yang digunakan untuk menentukan sumber luaran untuk dibenamkan atau dirujuk Ia biasanya digunakan untuk merujuk fail imej, audio, video atau skrip. Tidak seperti ini, href ialah hiperpautan</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/637130.html" title="Apakah atribut src dan atribut href? Apakah perbezaan antara mereka?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170374793789302.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah atribut src dan atribut href? Apakah perbezaan antara mereka?" /> </a> <a href="https://www.php.cn/ms/faq/637130.html" title="Apakah atribut src dan atribut href? Apakah perbezaan antara mereka?" class="phphistorical_Version2_mids_title">Apakah atribut src dan atribut href? Apakah perbezaan antara mereka?</a> <span class="Articlelist_txts_time">Dec 28, 2023 pm 03:18 PM</span> <p class="Articlelist_txts_p">Apakah atribut src dan atribut href? Apakah perbezaan antara mereka? Dalam HTML, atribut src dan atribut href ialah dua atribut yang biasa digunakan untuk merujuk sumber luaran. Walaupun ia agak serupa dalam fungsi, terdapat beberapa perbezaan dalam penggunaan dan jenis sumber rujukan. Mula-mula, mari kita lihat pada atribut src. src ialah singkatan sumber, yang digunakan terutamanya untuk menentukan alamat pembenaman/rujukan sumber luaran. Ia boleh digunakan pada beberapa teg seperti <script>, <img></p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/619493.html" title="Apakah perbezaan antara src dan href" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202310/16/2023101611154732522.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah perbezaan antara src dan href" /> </a> <a href="https://www.php.cn/ms/faq/619493.html" title="Apakah perbezaan antara src dan href" class="phphistorical_Version2_mids_title">Apakah perbezaan antara src dan href</a> <span class="Articlelist_txts_time">Oct 16, 2023 am 11:15 AM</span> <p class="Articlelist_txts_p">Kedua-dua atribut src dan href digunakan untuk menentukan alamat sumber, tetapi tujuan dan senario penggunaan adalah berbeza: 1. Atribut src digunakan untuk menentukan alamat sumber luaran, manakala atribut href digunakan untuk menentukan alamat sasaran hiperpautan; 2. Atribut src diperkenalkan Ia digunakan apabila elemen media digunakan, dan atribut href biasanya digunakan dalam tag <a> 3. Atribut src memberitahu pelayar untuk memuatkan sumber yang ditentukan dan benamkannya ke dalam halaman semasa dan atribut href mentakrifkan halaman web yang akan dibuka selepas pengguna mengklik , dokumen atau URL sumber lain.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ms/faq/592641.html" title="Apakah perbezaan antara src dan href" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202308/17/2023081714215433922.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah perbezaan antara src dan href" /> </a> <a href="https://www.php.cn/ms/faq/592641.html" title="Apakah perbezaan antara src dan href" class="phphistorical_Version2_mids_title">Apakah perbezaan antara src dan href</a> <span class="Articlelist_txts_time">Aug 17, 2023 pm 02:34 PM</span> <p class="Articlelist_txts_p">Perbezaan antara src dan href: 1. Penggunaan yang berbeza, src digunakan untuk sumber yang dibenamkan dalam dokumen, href digunakan untuk memaut ke sumber di luar dokumen 2. Kaedah rujukan yang berbeza, sumber yang dirujuk oleh src diperlukan, dan sumber; dirujuk oleh href Ia adalah pilihan; 3. Kesan pada dokumen adalah berbeza, src secara langsung akan menjejaskan pemuatan dan paparan dokumen, href hanya akan menjejaskan penggunaan sumber rujukan 4. Skop aplikasi adalah berbeza, src adalah sesuai untuk gambar, audio, video dan skrip Untuk rujukan kepada sumber seperti CSS, href digunakan pada helaian gaya CSS, fail fon dan pautan web.</p> </div> </div> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ms/about/us.html">Tentang kita</a> <a href="https://www.php.cn/ms/about/disclaimer.html">Penafian</a> <a href="https://www.php.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1743673262"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时，取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则，保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>