HTML - 替换(置换)元素和非替换(置换)元素

通常我们都将html元素分为块级元素、行内元素以及行内块级元素,但是今天冲浪时发现一个将html元素分类的新名词对——替换元素和非替换元素,其实也可以称为置换元素和非置换元素。接下来就记录一下个人对于这个新名词对的一些浅显见解,如有问题,还望大佬指出~

一、替换元素

1.定义

一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。简单来说就是浏览器通过其标签的元素属性来判断显示具体的内容的元素

2.举例说明

  • <img>元素:浏览器根据src来显示图片内容;
  • <input>元素:浏览器根据其type值来选择显示输入框还是其他类型。

3.替换元素有哪些

3.html中的替换元素有:<img>, <input>, <textarea>, <select>, <object>

二、非替换元素

1.定义

html中大多数都是非替换元素,他们直接将内容告诉浏览器,直接显示出来,通常都是双标签。

2.举例说明

  • <span>元素,浏览器会直接显示span标签里的内容。
  • <p>元素,浏览器会直接显示span标签里的内容。

3.非替换元素有哪些

非替换元素(non-replaced element)就是除了 img, input, textarea, select, object 等替换元素以外的元素,如:<p>,<span>,<div>,h标签等文本类标签。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值