href 属性和 src属性的区别

最新推荐文章于 2024-12-02 22:59:28 发布

原创最新推荐文章于 2024-12-02 22:59:28 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

文章标签：

6 篇文章

订阅专栏

HTML 标签的 href 属性和标签的 src 的区别

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

<a href="http://www.tracylog.com">Welcome to my web!</a>

浏览器用特殊效果显示短语“Welcome to my web!”，这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样：

<!DOCTYPE html>
<html>
<body>

<img src="smiley.gif" alt="Smiley face" width="42" height="42">

</body>
</html>

如果内尝试了就可以知道，这个实例的运行结果是一张gif图。

<a href="http://www.tracylog.com">
<img src="/i/Welcome_logo.png" />
</a>

这时我们将能看到一张命名为 Welcome_logo.png 的图片，然而点击图片可链接到 Welcome to my web!

这样我们就能很清晰的看出 href 与 src 的区别了，它们可单独实现各自的功能的同时也可以结合一起使用，达到提高效率的作用的同时，让前端更灵活了。