替换型标签

是什么

替换型标签（Replaced Elements）是指那些内容不直接由 HTML 元素本身定义，而是由外部资源定义，或由浏览器根据元素的属性来自动生成的元素。这些元素的渲染内容和显示方式不是直接由标签的内容控制的，而是通过外部资源、浏览器或用户代理来决定其内容和外观。

1、<img>标签

2、<input>标签

3、<textarea>标签

4、<video> 标签

5、<audio> 标签

6、<object> 标签：用于嵌入外部资源（如图像、PDF、Flash 内容等）的标签。

<object data="file.pdf" type="application/pdf"></object>

7、<iframe> 标签

1、内容来源于外部：替换型元素的内容通常是由其属性（如 src）或用户代理（浏览器）替换生成，而不是直接由 HTML 标签的内容控制。

2、尺寸由浏览器或用户代理决定：大多数替换型元素的尺寸由其内容（如图片的大小、视频的分辨率）或属性（如宽高属性）决定。浏览器在渲染这些元素时，会根据外部资源的尺寸来决定显示大小。

3、无法直接控制显示内容：开发者无法直接通过修改标签内容来控制替换型元素显示的内容（比如，不能在标签内部放置文本来显示），而是通过属性（如 src）来定义它们的内容。

4、可与样式表结合控制显示：尽管替换型元素的内容来源于外部，开发者依然可以通过 CSS 对这些元素的显示进行样式化。例如，可以通过设置宽度、高度、边距等样式属性来控制它们的布局和显示效果。