什么是置换元素和非置换元素?

置换元素

置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。

例如:浏览器根据<img>标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。

置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。

html中的<img><input><textarea><select><object>都是置换元素,这些置换元素往往没有实际内容,即是一个空元素。

非置换元素

浏览器中的大多数元素都是不可置换元素,即其内容直接展示给浏览器。

例如<label>标签,<p>标签里的内容会被浏览器直接显示给用户。

原文地址:https://www.cnblogs.com/webdom/p/10489191.html

时间: 2024-10-29 16:52:17

什么是置换元素和非置换元素?的相关文章

置换元素与非置换元素

1.置换元素 浏览器根据元素的标签和属性,来决定元素的具体显示内容. 例如:浏览器会根据 <img>标签的src属性的值来读取图片信息并显示出来, 而如果查看(x)html代码,则看不到图片的实际内容: <input>标签的type属性来决定是显示输入框,还是单选按钮等. (x)html中的<img><input><textarea><select>都是置换元素. 这些元素往往没实际的内容,即是一个空元素. 置换元素在其显示中生成了框

[CSS]置换和非置换元素

转自:http://blog.doyoe.com 先进一个题外话 在面试一个 重构(各大公司的叫法可能不太一样)时,我喜欢从一个点开始问,然后一直延展下去成为一条线,甚至是一个面,直到问到不会的地方,然后又换另外一个点. 例如:我可能会说,能简单聊聊 行内级元素 和 块级元素 的区别吗. 一般这时,候选人都会说到 行内级元素 不会换新行,而 块级元素 会格式化为块状,即换行.但也有些遗憾的方面(如:混淆了块元素和块级元素,行内元素和行内级元素),当然这看起来似乎不是特别重要. 这时我会继续问,行

CSS的置换和非置换元素

一个来自面试的坑. 面试的时候考官先问了行内元素和块级元素的区别,这个不难理解.然后一脚就踩进了,置换元素的坑.例如img就是行内置换元素,这种行内元素是可以设置宽高的. 什么是置换元素 一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,而且元素本身一般拥有固定的尺寸(宽度.高度.宽高比)的元素. 行内级置换元素的宽度 对于行内级非置换元素,高度和宽度设置是不适用,垂直方向上的margin.padding设置也没有用.. 对于行内级置换元素,宽度: 如果宽高或者宽的值为

置换元素与不可置换元素

置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容 例如img, input, textarea, select, object img 浏览器根据src,alt属性来显示内容 input 浏览器根据type,placeholder属性来显示 ... 共同点: 往往没有实际的内容,即一个空元素 不可置换元素:其内容直接表现给浏览器

行内元素

html有两种元素:1.块状元素,2.行内元素: 行内元素又分置换元素和非置换元素: 置换元素是一个很特殊的元素,包括:<img>.<input>.<textarea>.<select>.<object> 这些元素是可以设置宽高,其实这一点与声明了display:inline-block的元素相似. 下面是一些测试: <div class="outer"><div class="inner"

css技巧一

隐藏元素 display:none,隐藏元素,并删除其所在的位置. visiblity:hidden 隐藏元素,还占用其位置. 边框问题 img放入a元素里,img会出现边框问题.通过reset img的border样式即可解决. 影藏部分内容 可以通过设置height高度和overflow来实现.也可以通过display;:none来实现. 置换元素和非置换元素 置换元素(replaced element)主要是指 img, input, textarea, select, object 等这

前端之Html元素的分类

一.html元素可分为三大类:块元素.内联元素.可变元素 1.块元素: 常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption 块状元素特点: (a)以块的形式显示为一个矩形区域: (b)块状元素独占一行,自上而下排列: (c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border: (d)块状元素可以作为一个容器包含其他的块状元素或内联元素. 2.内联元素(行内元素)

【HTML/CSS】置换元素

置换元素: 一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素. 行内级置换和非置换元素的宽度定义 对于行内级非置换元素,宽度设置是不适用的. 对于行内级置换元素来说,其宽度的设置需遵循以下几点: 若宽高的计算值都为 auto 且元素有固有宽度,则 width 的使用值为该固有宽度: 典型的例子是:拥有默认宽高的 input 当宽度的计算值为auto时,则宽度使用值为其默认的固有宽度 若宽度的计算值

【前段开发】行内元素和块级元素总结(HTML CSS)

块级元素 <address> information on author <blockquote> long quotation <button> push button <caption> table caption <dd> definition description <del> deleted text <div> generic language/style container <dl> defini