1. 标签的分类
(1)按类型划分
(1.1)block(块元素) div 、p、ul、li、h1
独占一行
支持所有样式
不写宽的时候,宽度和父元素相同
所占区域是一个矩形
(1.2)inline(内联元素) span、em、strong、a、img
挨在一起
有些样式不支持
不写宽的时候,宽度由内容决定
所占区域不一定是一个矩形
内联标签之间会有间隙。是由于换行产生的
(1.3)inline-block(内敛块元素) input、select
挨在一起,且支持宽与高
注:布局一般用块元素、修饰文本一般用内联元素
(2)按内容划分
Flow:流内容
Metadata:元数据
Sectioning:分区
Heading:标题
Phrasing:措辞
Embedded:嵌入
Interactive:互动的
(3)按显示划分
替换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。
img 、 input
非替换元素:将内容直接告诉浏览器,将其显示出来。
2. 标签嵌套规范
(1) 固定
ul、li
dl、dt、dd
table、tr、td
(2) 块元素可以嵌套内联元素
<div><span></span></div>
(3) 块元素不能嵌套块元素
(4) 内联元素不能嵌套块元素