href和src的使用场景

Posted 张松任

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了href和src的使用场景相关的知识,希望对你有一定的参考价值。

  href和src的用法虽然简单,但是有时候会突然记不起来该怎么用,且两者不可相互替换,下面列出来方便记忆,并给出具体区别。

 

 

     href的使用: 

         1.外部css引用:<link type="text/css" rel="stylesheet" href="../css/test.css" />

     2.<a>标签的使用: <a href="http://www.baidu.com" target="_blank">百度</a>

         3.input中type为button等的onclick事件:<input type=button onclick="window.location.href(‘#‘)" />

 

 

     src的使用:

  1. 引入图片img: <img src="/img/1.png" alt="1" />
  2. scirpt 脚本 :<script type="text/javascript" src="org.js"></script>
  3. iframe框架: <iframe src="girl.gif"></iframe>  
  4. input中type为image的提交按钮: <input type="image" src="1.png" alt="Submit" />
  5. html5中的vidio元素:<video src="movie.ogg" controls="controls">video元素</video>
  6. html5中的audio元素:<audio src="someaudio.wav">audio元素</audio>
  7. html5中的embed元素:<embed src="horse.wav"/>

 

 

  href和src的区别:

       src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到<script src="script.js"></script>,在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像。

 

 

   

以上是关于href和src的使用场景的主要内容,如果未能解决你的问题,请参考以下文章

src,href 和rel的区别

imgwarp.cpp:3143: error: (-215:Assertion failed) _src.total() > 0 in function ‘warpPerspective‘(代码片段

OpenGL片段着色器不照亮场景

[AndroidStudio]_[初级]_[配置自动完成的代码片段]

结合两个代码片段?将用户输入的 Youtube url 转换为嵌入 url,然后将 iframe src 替换为转换后的 url

安全测试 web安全测试 常规安全漏洞 可能存在SQL和JS注入漏洞场景分析。为什么自己没有找到漏洞,哪么可能存在漏洞场景是?SQL注入漏洞修复 JS注入漏洞修复 漏洞存在场景分析和修复示例(代码片段