码迷,mamicode.com
首页 > Web开发 > 详细

js块元素和内联元素的种种恩怨

时间:2015-06-30 13:07:09      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:js 内联   块和内联   js嵌套规则   js块和内联嵌套规则   块元素和内联元素   

有人问过这样一个问题:为啥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
  • 块级元素的特点:每一个块级元素都识从一个新行开始显示,其后的元素需要另起一行

    换而言之:任何不是块元素的可见元素都是内联元素


    重点:嵌套规则

    1. 块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
    2. 块级元素不能放在p里面。
    3. 有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
    4. li内可以包含div
    5. 块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)


    技术分享
     

    
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。

    js块元素和内联元素的种种恩怨

    标签:js 内联   块和内联   js嵌套规则   js块和内联嵌套规则   块元素和内联元素   

    原文地址:http://blog.csdn.net/stronglyh/article/details/46691835

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    登录后才能评论!
    © 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
    迷上了代码!