块级、行内级元素的划分及其特点

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等

总结：行内非替换元素不能随意设置宽高