js块元素和内联元素的种种恩怨
2015-06-30 09:55
507 查看
有人问过这样一个问题:为啥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
块级元素的特点:每一个块级元素都识从一个新行开始显示,其后的元素需要另起一行
换而言之:任何不是块元素的可见元素都是内联元素
重点:嵌套规则
块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
块级元素不能放在p里面。
有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
li内可以包含div
块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)
只能说这是规定,哈哈
下面入主题
块级元素---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
块级元素的特点:每一个块级元素都识从一个新行开始显示,其后的元素需要另起一行
换而言之:任何不是块元素的可见元素都是内联元素
重点:嵌套规则
块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
块级元素不能放在p里面。
有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
li内可以包含div
块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)
相关文章推荐
- JS日期比较函数
- JavaScript-tips
- JS将UTC格式日期字串转换成日期DATE对象
- JS将科学计数法字串转换成正常数值
- JS中showModalDialog 详细使用(转)
- 随记数组和javascript的技巧
- JSON
- js数组最大值max和最小值min
- JS中window.showModalDialog()详解
- jstree自定义contextmenu
- 带有checkbox的jstree封装
- 网页 js 获取DPI pxTomm
- 深入理解javascript之设计模式
- 写了一个图片横向滚动且首尾相接的JS组件
- javascript 函数及作用域总结介绍
- js学习小总结
- 第八十八天 how can I 坚持 angelaJs
- 深入探究使JavaScript动画流畅的一些方法
- JavaScript中Null与Undefined的区别解析
- 超赞的动手创建JavaScript框架的详细教程