HTML标签元素分类
HTML标签元素的分类主要有以下两种分类方式：
1.按照元素闭合特征分类
2.按照是否换行特征分类
按照元素闭合特征分类
- 闭合标签：
闭合标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，例如<html></html>、<div></div>、<p></p>等 - 空标签
空标签是指没有内容的标签，在开始标签中自动闭合。常见的空标签有：<br/>、<hr/>等
按照是否换行特征分类
- 块级元素
1.每个块级元素独占一行，每个块级元素都会从新的一行开始，从上到下排布。
2.块级元素可以直接控制宽度、高度以及盒子模型的相关css属性。
3.在不设置宽度的情况下，块级元素的宽度是他父级元素内容的宽度。
4.在不设置高度的情况下，块级元素的高度是他本身内容的高度。
常见的块级元素有：
<div></div>、<p></p>、<hx></hx>、<hr/>、<table></table>、<form></form>、<ol></ol>等 - 行内元素
1.行内元素之间从左到右显示在一行。
2.行内元素不能直接控制宽度、高度以及盒子模型的相关css属性，其宽高是由内容本身的大小决定的，但是可以设置内外边距的水平方向的值。也就是说对于内联元素的margin和padding，只有margin-left/margin-right和padding-left/padding-right是有效的，但是竖直方向的margin和padding无效果。
3.行内块级元素只能容纳文本或者其他行内元素（不要在行内元素中嵌套块级元素）。
常见的行内元素有：
<a></a>、<span></span>、<b></b>等 - 行内块级元素（替换元素）
1.浏览器根据其标签的元素与属性来判断显示的具体内容
2.在同一行显示
3.可以直接控制宽高
常见的行内块级元素有：
<img>、<input>、<textarea>
网友评论