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>