首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

从块级元素跟内联元素浅谈标签的嵌套规则

2012-08-21 
从块级元素和内联元素浅谈标签的嵌套规则从一个问题说起吧------------div能不能放在p标签里面????首先还

从块级元素和内联元素浅谈标签的嵌套规则

从一个问题说起吧------------div能不能放在p标签里面???

?

首先还是一个老概念:

?

块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等常见他们两个的区别
块级元素一般用来搭建网站架构、布局、承载内容内联元素一般用来在网站内容中的某些细节或者部位,用以“强调、区分样式、上标、下标、锚点”等等。它们可以互相转换。display:inline|block块级元素的特点:每一个块级元素都识从一个新行开始显示,其后的元素需要另起一行CSS权威指南上-------------?? ? ? ? ? ? ? ?任何不是块级元素的可见元素都是内联元素。
好了 简单地说了一下块级元素和内联元素,下面我们开始我们的重点-----嵌套规则
    块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。块级元素不能放在p里面有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dtli内可以包含div块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)
最后附上图----来源于网络(感谢原作者)

从块级元素跟内联元素浅谈标签的嵌套规则
?
扩展阅读:1、http://www.xinran001.com/bbs/viewthread.php?tid=117&extra=page%3D12、http://www.douban.com/note/90916722/

热点排行