从块级元素和内联元素浅谈标签的嵌套规则
来源:互联网 发布:php建站教程 编辑:程序博客网 时间:2024/05/22 00:21
从一个问题说起吧------------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,dt
- li内可以包含div
- 块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)
最后附上图----来源于网络(感谢原作者)
转自:http://zhangyaochun.iteye.com/blog/1303840
0 0
- 从块级元素和内联元素浅谈标签的嵌套规则
- 从块级元素和内联元素浅谈标签的嵌套规则
- 从块级元素和内联元素浅谈标签的嵌套规则
- 块级元素 内联元素嵌套规则
- 块元素,内联元素,内联块标签的划分及相互转化和嵌套
- 块级标签和内联标签之间的嵌套规则
- html标签的元素分类-块级元素,内联元素,块级内联元素
- CSS 内联元素和块级元素内部布局规则
- 浅谈HTML中的块级元素和内联元素
- CSS的块元素和内联元素
- HTML的块元素和内联元素
- 块级元素和内联元素
- 内联元素和块级元素
- 什么是块级元素和内联元素?
- 块级元素和内联元素
- 内联元素和块级元素
- CSS内联元素和块级元素
- 块级元素和内联元素
- 中兴V880 adb调试
- V880 刷miui
- 2440原理图地址线分析 (转)
- Camera 的 yuv420sp 转 rgb
- ARM汇编中B跳转指令和LDR跳转的区别 【转】
- 从块级元素和内联元素浅谈标签的嵌套规则
- j-tag 和j-link 关系
- 手表的维护与保养小常识
- ltp 测试流程及测试脚本分析
- Linux——VIM 中文显示乱码解决
- GT2440 开发环境搭建 (配合《嵌入式linux应用开发完全手册》)
- hdu 2066 一个人的旅行(dijkstra特殊)
- 《嵌入式linux应用开发》2440 中断 体系结构
- 【引用】[转]对.lds连接脚本文件的分析