块元素和内联元素的嵌套规则

本文介绍了HTML中块元素和内联元素的区别及使用规则,包括它们如何影响页面布局及哪些元素属于这两类。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,块元素,独占一行,宽高起作用:div , p , ul , ol ,table , menu ,

2,内联元素,可与其他内联元素同一行,宽高不起作用:span , q , input , img ,i 

规则:

   1,内联元素,可以嵌套内联元素,不可以嵌套块状元素

   2,块元素,可以嵌套块元素,或者是内联元素

   3,部分块元素,不能嵌套块元素,只能嵌套内联元素,如:p、h1-h6

   4, 块元素中嵌套的元素,块元素和块元素一级,内联元素和内联元素一级

    

              <div><h2></h2><p></p></div>  正确

    <div><a href="#"></a><span></span></div>  正确

    <div><h2></h2><span></span></div>  错误

转载于:https://my.oschina.net/u/2998098/blog/1608885

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值