src与href有何不同？深度剖析！

本文共计642个文字，预计阅读时间需要3分钟。

HTML中的`src`和`href`属性用于引用外部资源，但它们有各自的关键区别。本文将详细解析`src`和`href`的区别，并提供相应的代码示例。

`src`属性：- 用于嵌入资源，如图片、音频、视频等。- 资源加载完成后，会显示在HTML文档中。- 示例代码：

`href`属性：- 用于创建链接，指向另一个文档或资源。- 资源加载后，不会显示在HTML文档中，而是作为链接出现。- 示例代码：访问示例网站

src和href是HTML中常用的属性，用于引用外部资源或链接到其他文档。虽然它们看起来相似，但在使用和功能上有一些关键区别。本文将详细解析src和href的区别，并提供具体的代码示例。

src是用于指定嵌入内容的URL或路径的属性，常用于引用外部文件，比如图片、音视频、脚本或框架等。src的功能是将外部文件嵌入到当前文档中进行显示或执行。举个例子，在HTML中插入一张图片，代码如下：

<img src="images/pic.jpg" alt="示例图片" />

在上面的代码中，src属性指定了图片的路径，浏览器会通过该路径获取图片，并将其显示在当前HTML文档中。同样地，我们也可以使用src属性引入音视频或脚本文件。

相比之下，href用于定义超链接的目标URL或跳转到其他文档的路径。href的功能是创建超链接，让用户点击后跳转到指定的URL或文档。下面是一个简单的超链接示例：

<a href="www.example.com">点击跳转到示例网站</a>

点击上面的链接后，浏览器会跳转到"www.example.com"网页。

除了超链接，href还常用于样式表文件的引入。