深入了解HTML中的src、href
src，source的简写，意思是“源”，而源代码的意思为“source code”。
href，Hypertext Reference的缩写，意思是超文本引用。
二、分类
1. src
① 网页中插入图片<img src=”name.jpg”/>，指明图片的位置。
② 框架的页面 <iframe src=”name.html”>框架</iframe>
③ JS文件引入 <script src=”name.js” type=”text/javascript”></script>
2. href
① 内部链接：<a href=”#/URL”>name</a>
② 外部链接：<a href=”URL”>name</a>
③ 锚记：<a href=”#object-name”>name</a><a name=”object-name”>name</a>
④ 链接说明文字：<a href=”/” title=”链接说明”>链接说明</a>//”/”为根
⑤ 特效链接（脚本支持）：JavaScript脚本：
<a href=”javascript:alert(‘夜深了早点休息吧！’)”>点击我！</a>
⑥ 外部CSS引用：<link href="name.css" rel="stylesheet" type="text/css"/>
⑦ 外部XSL修饰XML文档：<?xml-stylesheet type="text/xsl" href="name.xsl"?>
⑧XML数据岛：<xml id="XMLData" src="name.xml"></xml>
三、区别
src是定位源位置，可以是相对、绝对位置。如：图片位置、脚本文件
href是定位外部链接，但也有例外：CSS、XSL文件位置与src解释相似
四、个人总结，不是很完善，如果有错误或添加，请在下面的评论中指出来，我会及时更正，谢谢！
以上就是深入了解HTML中的src、href的详细内容，更多请关注其它相关文章！