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

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等

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

发布了33 篇原创文章 · 获赞 0 · 访问量 396

猜你喜欢

转载自blog.csdn.net/qq_46178261/article/details/104324636