开发者社区> 问答> 正文

行内元素中加块级元素问题?

行内元素之中不能加入块级元素这是我们众所周知的,比如a里面不能加div,但是如果a标签的display为block,设置其为块级化了,这个时候可以往里面加块级元素吗?

还有一个问题,我们一般会看到这样一种情况,一个列表,里面有很多条数据,我们需要点击每一条数据跳转到指定详情页,而且每条数据之中的结构比较复杂,应该怎么做跳转呢?加a标签?那a标签加在哪里,最外层还是什么?还是要用js做跳转?

展开
收起
a123456678 2016-03-26 15:30:07 2563 0
1 条回答
写回答
取消 提交回答
  • 第一个问题:跟CSS半毛钱关系都没有,跟doctype声明有关。
    在h4的任何doctype声明下,都不允许a嵌套div,而html5的doctype声明下允许a嵌套div。

    “a不允许嵌套div”这种约束属于语义约束,与之区别的约束还有严格约束,比如“a不允许嵌套a”。
    严格约束在所有的浏览器下都不被允许;而语义约束,浏览器大多会容错处理,生成的文档树可能相互不太一样(由于标准没有定义容错行为)。

    因此你才会经常看到“不要在a里面包含div”的说法。它不符合标准,而且可能会导致偏离期望的结果。
    可以读一下这篇文章了解更多关于语义嵌套约束在不同浏览器中的不同解析结果。
    http://www.w3.org/TR/html4/loose.dtd里,我们可以找到这样的定义:


    这里的inline和block和CSS里面的inline和block有关系吗?
    有一定关系,由于HTML划分了这些标签,CSS上才根据语义默认他们是display: inline或display: block。
    但他们的关系仅此而已,html层面的inline和block仅仅是区分html标签的方式,和他们最终呈现出来的display属性无关。

    2019-07-17 19:16:20
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载