《重学前端》学习笔记(11)

HTML 替换型元素

一个网页，它是由多个文件构成的，在之前，已经学过了一种引入文件的方案：链接。

另一种引入文件的方式了。替换型元素是把文件的内容引入，替换掉自身位置的一类标签。

script

script 标签是为数不多的既可以作为替换型标签，又可以不作为替换型标签的元素。

<script type="text/javascript">
console.log("Hello world!");
</script>

<script type="text/javascript" src="my.js"></script>

这个例子中，我们展示了两种 script 标签的写法，一种是直接把脚本代码写在 script 标签之间，另一种是把代码放到独立的 js 文件中，用 src 属性引入。
这两种写法是等效的。这种等效性可以帮助你理解替换型元素的“替换”是怎么一回事

**凡是替换型元素，都是使用 src 属性来引用文件的，**而链接型元素是使用 href 标签的，我们用 link 标签引入 CSS 文件，当然就是用 href 标签啦

style 标签并非替换型元素，不能使用 src 属性

img

的替换型标img 标签的作用是引入一张图片。这个标签是没有办法像 script 标签那样作为非替换型标签来使用的，它必须有 src 属性才有意义。

img 标签可以使用 width 和 height 指定宽度和高度。也可以只指定其中之一。如果从性能的角度考虑ÿ