HTML标签有几种类型?HTML标签的类型可分为三种:块级标签,行内标签,内联块状标签。下面本篇文章给大家介绍一下,希望对大家有所帮助。
块级标签:
块状标签:标签独占一行,可指定宽、高。
特性:能够识别宽高
margin和padding的上下左右均对其有效
可以自动换行
多个块状元素标签写在一起,默认排列方式为从上至下
可以使用margin:0 auto居中对齐
常用的块状元素有:
、
...
、
- 、
- 、
、内联标签:
内联(行级)标签:标签在一行内,宽度与高度由内容决定,只有在内容超过HTML的宽度时,才会换行。
特性:无法设置宽高
margin上下无效,只有左右有效果,padding都有效果,会撑大空间;box-sizing:border-box;无效,因为该属性针对盒模型。
不会自动换行
常用的内联元素有:
、、、、、、
、、、内联块状标签:
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),、标签就是这种内联块状标签。
特性:不会自动换行
能够设置宽高
默认排列方式为从左到右
可以使用text-align:center使内容相对于父盒子水平居中对齐,例如img标签,可以使用text-align:center,相对父盒子居中对齐、margin:0 auto无效
水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格。
常用的内联块状元素有:
、
HTML标签类型是可以转换的:display:inline;转换为行内元素
display:linline-block;转换为行内块元素
display:block;转换为块级元素