Rumah > Artikel > Apakah perbezaan antara src dan href

Apakah perbezaan antara src dan href

尊渡假赌尊渡假赌尊渡假赌asal: 2023-10-16 11:15:552149semak imbas

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 class="nphpQianMsg"><a href="javascript:void(0);">href</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 fungsi informix yang biasa digunakan?" href="http://m.php.cn/ms/faq/619490.html">Apakah fungsi informix yang biasa digunakan?</a></span><span>Artikel seterusnya：<a class="dBlack" title="Apakah fungsi informix yang biasa digunakan?" href="http://m.php.cn/ms/faq/619497.html">Apakah fungsi informix yang biasa digunakan?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://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="http://m.php.cn/ms/faq/375643.html" title="html中a标签href='#'与href='###'的区别分享" class="aBlack">html中a标签href='#'与href='###'的区别分享</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/389538.html" title="href和src、link和@import有什么区别" class="aBlack">href和src、link和@import有什么区别</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/409689.html" title="html中href与src有什么区别？html中href与src的区别介绍" class="aBlack">html中href与src有什么区别？html中href与src的区别介绍</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/464829.html" title="如何把jquery的值放入img标签的src里面" class="aBlack">如何把jquery的值放入img标签的src里面</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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><p>Rumah</p></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><p>Kursus</p></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><p>Soal Jawab</p></a></li><li><a href="http://m.php.cn/ms/login"><b class="icon5"></b><p>saya</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ms/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><span>Rumah</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><span>Kursus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><span>Soal Jawab</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/dic.html"><b class="icon6"></b><span>Kamus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/xiazai/"><b class="icon8"></b><span>Muat turun</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/faq/zt" title="Topik"><b class="icon12"></b><span>Topik</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ms/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ms/" >Rumah</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/wenda.html" >Soal Jawab</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/course.html" >Kursus</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/faq/zt" >Topik</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/xiazai" >Muat turun</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/game" >Permainan</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/dic.html" >Kamus</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><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></html>