替换元素
绝大部分替换元素均为行内元素,替换元素是浏览器根据元素标签的属性,来决定元素的具体显示内容(内容可以根据属性被替换)
特点:
- 由于根据元素的标签的属性决定内容,所以这种行内元素可以设置盒模型的任何属性,如width、height等都可以设置。
- 元素的默认宽高是由内容决定的,比如img,外部图片的素材资源的宽高的是多少,那么在css中它的width和height就是多少。
比如:img它是单标签,我们不写src属性,在页面上是显示不出来你想要的图片的,但是如果写了src属性,这时候就能显示出图片了,根据src的地址不同显示出来的内容也就不同,这就是替换元素的内容可替换性。
在比如例如input元素的type属性决定是显示输入框,还是单选按钮等。
HTML中的替换元素<img>、<input>、<textarea>、<select>、<object>、<iframe>
非替换元素
页面上显示的结果,取决于元素里面的内容(里面写了什么东西页面上就显示什么东西)。