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解释相似

四、个人总结，不是很完善，如果有错误或添加，请在下面的评论中指出来，我会及时更正，谢谢！