一尘不染

SRC和HREF之间的区别

html

SRCHREF属性用于包括一些外部实体,如图像,CSS文件,HTML文件,其他任何网页或JavaScript文件。

有没有明确区分SRCHREF?在哪里或何时使用SRCHREF?我认为它们不能互换使用。

我在下面给出一些使用这些属性的示例:

  • 要引用CSS文件:href="cssfile.css"在link标记内。
  • 引用JS文件:src="myscript.js"在script标签内。
  • 要引用图像文件:src="mypic.jpg"在图像标签内。
  • 要引用另一个网页:href="http://www.webpage.com"在锚标记内。

阅读 354

收藏
2020-05-10

共1个答案

一尘不染

是。 srchref 之间有区别,它们不能互换使用。我们将 src 用于
替换的 元素,而 href
用于在引用文档和外部资源之间建立关系。

href (超文本引用)属性指定Web资源的位置,从而定义当前元素(如果为anchor
a)或当前文档(如果为link)与该属性定义的目标锚点或资源之间的链接或关系。当我们写:

<link href="style.css" rel="stylesheet" />

浏览器了解到,该资源是样式表,并且 处理中 页面的解析 不会 暂停(渲染可能会暂停,因为浏览器需要样式规则来绘制和渲染页面)。这是
不是 类似倾倒里面的CSS文件的内容style标签。(因此,建议使用link而不是@import将样式表附加到html文档。)

src (源)属性只是将资源嵌入到当前文档中元素定义的位置。例如。当浏览器找到

<script src="script.js"></script>

页面的加载和处理被暂停,直到浏览器获取,编译和执行文件为止。这类似于将js文件的内容转储到script标记中。img标签也是如此。它是一个空标签,应包含在其中的内容由src属性定义。浏览器会暂停加载,直到获取并加载图像为止。[iframe] 也是这样

这就是为什么建议在底部(</body>标记之前)加载所有JavaScript文件的原因

2020-05-10