标签类型

前言

html标签有很多种类型，这里做一个梳理。

• 闭合标签，自闭合标签
• 块级元素，行内元素，行内块元素
• 可替换元素，不可替换元素

一、闭合标签，自闭合标签

1.闭合标签

html中绝大多数的标签是闭合标签
<div><div> <span><span>

2.自闭合标签

自闭合标签又称：空标签，单标签。
自闭合标签有

• input
• img
• link

二、块级元素，行内元素，行内块元素

块级元素，行内元素，行内块元素之前梳理过，这里不在阐述。

三、可替换元素，不可替换元素

可替换元素：顾名思义指可以被内容替换的元素，元素的宽高受内容的影响,不过css可覆盖。
如 在不声明img标签宽高的时候，该img元素节点的宽高是图片的宽高。当设置了css，宽高为css的宽高。

<img src="./demo.png" />

<img style="width:50px;height:50px;">

常见的可替换元素

• input
• img
• textarea
• select
• iframe
• canvas