Rumah >masalah biasa >Apakah perbezaan antara src dan href

Apakah perbezaan antara src dan href

尊渡假赌尊渡假赌尊渡假赌asal: 2023-12-20 15:45:05643semak imbas

Atribut src dan atribut href mempunyai perbezaan dari segi "tujuan", "kebolehgunaan elemen", "tingkah laku pemuatan" dan "skop pengaruh": 1. Atribut src digunakan untuk menentukan alamat sumber sumber luaran, manakala atribut href Digunakan untuk menentukan alamat sasaran hiperpautan 2. Atribut src biasanya digunakan untuk , manakala atribut href biasanya digunakan untuk ;pautan>; 3. Atribut src menentukan Sumber akan dimuatkan dan dihuraikan serta-merta oleh penyemak imbas, manakala atribut href hanya akan mencetuskan lompatan apabila diklik, dsb.

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

Atribut src dan atribut href mempunyai perbezaan penggunaan berikut:

Penggunaan:

Atribut src digunakan untuk menentukan alamat sumber sumber luaran, seperti imej, audio, video, skrip, dsb. Ia memberitahu pelayar untuk memuatkan sumber dari alamat yang ditentukan dalam halaman semasa. Atribut href digunakan untuk menentukan alamat sasaran hiperpautan Ia memberitahu pelayar untuk melompat ke alamat pautan yang ditentukan apabila diklik.
Kebolehgunaan elemen:

src atribut biasanya digunakan untuk elemen seperti (imej), (skrip), . Atribut href biasanya digunakan dalam elemen seperti <a> (anchor), <link> (style sheet), <base> (URL asas) untuk menentukan lokasi hiperpautan atau sumber luar </p> </li> <li> <p>Tingkah laku pemuatan: Sumber yang ditentukan oleh atribut </p> <p>src akan dimuatkan dan dihuraikan serta-merta oleh penyemak imbas, yang akan menjejaskan pemuatan dan pemaparan halaman semasa. Sebaliknya, pautan yang ditentukan oleh atribut href hanya akan mencetuskan lompatan apabila ia diklik, dan ia tidak akan menjejaskan pemuatan dan pemaparan halaman semasa dengan serta-merta. </p> </li> <li> <p>Skop pengaruh: </p> <p>Perubahan pada atribut src secara langsung akan mempengaruhi lokasi elemen Contohnya, menukar atribut src <img> Perubahan pada atribut href biasanya mempengaruhi keseluruhan halaman atau lompatan navigasi. </p> </li> </ol> <p>Ringkasnya, atribut src digunakan untuk memuatkan sumber luaran, dan atribut href digunakan untuk menentukan alamat sasaran hiperpautan. Mereka berbeza dalam tujuan, kebolehgunaan elemen, gelagat pemuatan dan skop pengaruh. </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 class="nphpQianMsg"><a href="javascript:void(0);">href</a> <a href="javascript:void(0);">样式表</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><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><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Apakah itu src dan href" href="https://m.php.cn/ms/faq/634140.html">Apakah itu src dan href</a></span><span>Artikel seterusnya：<a class="dBlack" title="Apakah itu src dan href" href="https://m.php.cn/ms/faq/634144.html">Apakah itu src dan href</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="https://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ms/faq/375653.html" title="html中关于a标签href和onclick的用法区别以及优先级别的示例详解" class="aBlack">html中关于a标签href和onclick的用法区别以及优先级别的示例详解</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/385370.html" title="HTMLa标签的href属性指定相对路径与绝对路径使用方法" class="aBlack">HTMLa标签的href属性指定相对路径与绝对路径使用方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/395668.html" title="html 空链接 href="#"与href="javascript:void(0)"的区别" class="aBlack">html 空链接 href="#"与href="javascript:void(0)"的区别</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/464829.html" title="如何把jquery的值放入img标签的src里面" class="aBlack">如何把jquery的值放入img标签的src里面</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/592641.html" title="Apakah perbezaan antara src dan href" class="aBlack">Apakah perbezaan antara src dan href</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="https://m.php.cn/ms/about/us.html">Tentang kita</a><a href="https://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="https://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' 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>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><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></html>