内联元素可以嵌套块级元素吗?

本文详细介绍了XHTML与HTML5中关于a标签嵌套div等块级元素的规定及其表现行为,包括不同DOCTYPE声明下的差异、display属性的作用及父元素的影响。

从XHTML标准的定义来说,不论是a还是span的内部都是不能放快元素的。在h4的任何doctype声明下,都不允许a嵌套div,而html5的doctype声明下允许a嵌套div


xhtml strict下 ,在没有额外css的描述下,内联元素完全无法嵌套块级元素。xhtml Transitional下面 ,这种嵌套被接受 ,但是具体的表现行为被浏览器所解释。事实上 一个标签的默认属性可以被display属性更改 ,如果a的display属性更改为 block或者 inline-block 那么就可以嵌套了 ,默认情况下是不行的。


此外,a标签嵌套div块级元素还与a的父元素有关,当a的父元素是div时,可以嵌套,若父元素为p标签,则无法嵌套。


总之,尽量不要在内联元素里面嵌套div,若必须嵌套,可以先设置该内联元素的display为block。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值