HTML元素分类

HTML元素分类

面试的时候被问了一个问题，块级元素和内联元素的区别。我想这不是很简单吗，就说块级元素是占据一整行而内联元素是一个一个紧挨着（用通俗的语言说的，感觉不太专业），然后面试官又问我内联元素可以使用padding和margin吗，我就懵了。顿时觉得自己学的东西很不扎实，深入一点的都不是很了解。

---

概念

就表现形式来看
内联元素/行内元素（inline）前后不产生换行，相邻的内联元素在同一行，其宽度随元素的内容而变化。
块级元素（block）前后都产生换行，所以块级元素总是独占一行。
其实还有一种内联块元素（inline-block）,将对象呈现为inline对象，但是对象的内容作为block对象呈现。

常见的块级元素有：
address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li

常见的内联元素有：
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup

• 关于为什么br是内联元素。br标签产生的效果是换行，但是元素本身不占据一行的空间（我个人的理解）。

可变元素(根据上下文关系确定该元素是块元素还是内联元素)：
applet ,button ,del ,iframe , ins ,map ,object , script