HTML中的块元素和行内元素区别及相互转换

块元素和行内元素的区别
块元素（block element）：在网页中一段通过块元素对页面进行布局的。
行内元素（inline element）：主要用来包裹文字。
一般情况下会块元素中放行内元素，而不会再行内元素放块元素。块元素中基本上什么都能放。
但p元素中不能任何的块元素，请看下面的例子。
浏览器在解析网页时，是自上而下的方式进行解析，并且会自动对网页中不符合规范的内容进行修正。
比如：
标签写在了根元素的外部
p元素中嵌套了块元素
根元素中出现了除head和body以为的子元素
块元素与行内元素的相互转换
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换：
(1)display:inline;转换为行内元素
(2)display:block;转换为块状元素
(3)display:inline-block;转换为行内块状元素
在HTML5中，程序员可以自定义标签，在任意定义标签中，加入display:block;即可，当然也可以是行内或行内块状。