HTML元素的划分
一、块级、行内级元素
1.块级元素(block-level elements)
独占父元素一行,比如:div 、p 、pre、 h1~h6、 ul、 ol、 li 、dl 、dt 、dd、 table 、form、 article 、aside、 footer、 header 、hgroup、 main、 nav 、section、 blockquote 、hr等
2.行内级元素
多个行内级元素可以在父元素的同一行显示,比如:a、 img、 span 、strong、 code、 iframe、 label、 input、 button、 canvas、 embed、 object、 video、 audio等
二、替换、非替换元素
替换元素(replaced elements)
元素本身没有实际内容,浏览器根据元素的类型和属性,来决定元素的具体显示内容,比如:img、 input、 iframe、 video、 embed、 canvas、 audio、 object等
非替换元素(non-replaced elements)
和替换元素相反,元素本身是有实际内容的,浏览器会直接将其内容显示出来,而不需要根据元素类型和属性来判断到底显示什么内容,比如:div、 p、 pre、 h1~h6、 ul、 ol、 li、 dl 、dt、 dd、 table、 form、 article、 aside、 footer、 header、 hgroup、 main、 nav、 section、 blockquote、 hr、 a、 strong、 span、 code、 label等
总结:行内非替换元素不能随意设置宽高