HTML——标签分类
标签分类:
1、按类型:
block: div li h1-h6 p ul ol ...
特点:
(1)独占一行
(2)支持所有样式
(3)不写宽时,和父元素宽相同
(4)所占区域是一个矩形
inline: span a em strong img ...
特点:
(1)挨在一起
(2)有些样式不支持,例如:width、height、margin、padding
(3)不写宽的时候,宽由内容决定
(4)所占的区域不一定是矩形
(5)内联标签之间会有空隙(换行产生的)
inline-block: input select
特点:
(1)挨在一起,支持宽高
注:布局一般用块标签,修饰文本一般用内联标签
2、按内容
Flow:流内容,即网页当中我们能感知到的信息
Metadata:元数据,编码等
Sectioning:分区,划分区域,div、header、footer等
Heading:标题
Phrasing:措辞,即对文本的修饰
Embedded:嵌入的,图片、音频、视频、框架等
Interactive:互动的,输入框、下拉菜单等
3、按显示
替换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容
非替换元素:将内容直接告诉浏览器,显示出来