深入了解HTML中的src、href

一、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的详细内容，更多请关注其它相关文章！