在SRC和HREF属性用于包括一些外部实体,如图像,CSS文件,HTML文件,其他任何网页或JavaScript文件。
SRC
HREF
有没有明确区分SRC和HREF?在哪里或何时使用SRC或HREF?我认为它们不能互换使用。
我在下面给出一些使用这些属性的示例:
href="cssfile.css"
src="myscript.js"
src="mypic.jpg"
href="http://www.webpage.com"
是。 src 和 href 之间有区别,它们不能互换使用。我们将 src 用于 替换的 元素,而 href 用于在引用文档和外部资源之间建立关系。
href (超文本引用)属性指定Web资源的位置,从而定义当前元素(如果为anchor a)或当前文档(如果为link)与该属性定义的目标锚点或资源之间的链接或关系。当我们写:
a
link
<link href="style.css" rel="stylesheet" />
浏览器了解到,该资源是样式表,并且 处理中 页面的解析 不会 暂停(渲染可能会暂停,因为浏览器需要样式规则来绘制和渲染页面)。这是 不是 类似倾倒里面的CSS文件的内容style标签。(因此,建议使用link而不是@import将样式表附加到html文档。)
style
@import
src (源)属性只是将资源嵌入到当前文档中元素定义的位置。例如。当浏览器找到
<script src="script.js"></script>
页面的加载和处理被暂停,直到浏览器获取,编译和执行文件为止。这类似于将js文件的内容转储到script标记中。img标签也是如此。它是一个空标签,应包含在其中的内容由src属性定义。浏览器会暂停加载,直到获取并加载图像为止。[iframe] 也是这样
script
img
src
iframe
这就是为什么建议在底部(</body>标记之前)加载所有JavaScript文件的原因
</body>