首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于p标签不能嵌套div标签引发的标签嵌套问题总结

问题由来:中嵌套标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。...: 1,内联元素,可以嵌套内联元素,不可以嵌套块状元素 2,块元素,可以嵌套块元素,或者是内联元素 3,部分块元素,不能嵌套块元素,只能嵌套内联元素,如:p、h1-h6 4, 块元素中嵌套的元素...,块元素和块元素一级,内联元素和内联元素一级 内联标签可以嵌套内联元素,不可以嵌套块状元素       正确  (内联嵌套内联)     ...有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1~h6、p、dt。... 错误  (特殊块级标签只能嵌套内联标签)          错误  (特殊块级标签只能嵌套内联标签) 块元素中嵌套的元素

2.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    phpcms调用子栏目名称文章怎么操作

    phpcms调用子栏目名称相对比较简单一些,也是用{pc:content}来调用,只是把action设置为category,catid如果为0的话是调用所有一级栏目,如果是其他数字的话,则调用相应栏目的子栏目...    {loop $data $r}       {$r[catname]}     {/loop}   {/pc...}   phpcms调用子栏目文章列表:再嵌套一个{pc:content}调用 {pc:content action="category" catid="13" num="10" siteid="$siteid"order...="listorder ASC"}   {loop$data $r}     {pc:content action="lists" catid="$r[catid]" num="100" order="...listorder ASC"}     //这个pc是获取列表的 ,catid="$r[catid]" 是在上个pc标签里获取到的 第一个loop循环定义了$r       {loop $data $rr

    5.2K70

    优化网页链接结构a标签嵌套a标签的问题以及解决方案

    a标签之内,后来不知道怎么了,好多主题都没有添加a标签了,但是想要假如却出现了两个a标签,这就可能导致新添加的要么无效,要么样式错乱,比如这个: 下面是html里面的代码               查看详情 看懂了啵~也就是说:a标签嵌套...a标签内,浏览器会自动添加结束符号,而HTML的嵌套规范里就有一条:a标签不能嵌套a。...解决方案 1、若非必须,换个其他的标签(简单粗暴~) 2、不能接受换标签,可以使用【object】标签进行嵌套 把作为子元素的a标签放在object标签里面,这样浏览器解析的与HTML里面编辑的是一样的...,即【display:inline-block;】设置【height/width】并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的【z-index】大小,使得鼠标能正确选中a标签

    20510

    riot.js教程【五】标签嵌套、命名元素、事件、标签条件

    】组件撰写准则、预处理器、标签样式和装配方法; riot.js教程【一】简介; 标签嵌套 让我们定义一个父标签account,一个子标签subscription <subscription...: { name: 'small', term: 'monthly' } }) 父标签的参数是通过riot.mount方法传递的,子标签的参数是通过标签属性传递过去的 注意:嵌套标签总是在父标签内部声明...,定义; 标签内嵌入HTML 我们先定义一个my-tag标签 Hello this.text = 'world' 注意:这里有一个...标签条件 你可以使用标签条件来决定是否需要显示一个标签,如下: This is for premium users only 注意,标签条件的值可以是一个变量,也可以是一个表达式 除了if之外,还可以使用show和hide来决定是否显示一个标签 show – 当值是true的时候,相当于 style="display: '

    3.9K80

    第153天:关于HTML标签嵌套的问题详解

    3、标签嵌套规则   虽然HTML标签有很多,并且我们在制作页面的时候可以无限的嵌套,但是嵌套也有规则,不能随意的嵌套。   ...有些标签是固定的嵌套规则,例如:ul包含li、ol包含li、dl包含dt和dd等,还有很多是独立的标签。...  只要p标签里面也任何形式嵌套块级标签,都会被解析为兄弟级关系,即使设置display属性;   (5)li标签可以包含div标签,因为li和div标签都是装在内容的容器。...(6)a标签不能嵌套a标签(链接嵌套)     只要a标签里面也任何形式嵌套a标签,都会被浏览器解析为兄弟级关系     (7)如若需要进行链接嵌套,可以推荐使用area标签 对于链接的嵌套,平时如果大家留意的话...,很多人都是把两个链接所在a标签单独分开来写,不直接嵌套;或者就是通过js代码来实现的; 现在,可以采用area标签直接进行链接的嵌套; <area shape="" coords="" href=""

    1.5K20

    小白前端入门笔记(11),如何嵌套使用a标签

    今天的挑战仍然关于a标签。 背景知识 对于a标签我们除了可以单独使用之外,也可以将它嵌入其他的文本当中。...接着我们发现一个a标签嵌入在了p标签当中,a标签有的target属性等于"_blank",这意味着当我们点击这个标签的时候,它会打开一个新的网页tab。...要求 你需要有一个a标签指向"https://freecatphotoapp.com" 你的a标签应该"cat photots"作为锚定文本 你应该在a标签之外创建一个新的p标签,你的整个网页当中需要至少有三个...p标签 你的a标签应该被嵌套在p标签当中 你的p标签的文本应该为"View more "(注意结尾有一个空格) 你的a标签不该有文本"View more " 你的每一个p标签都应该有closing tag... 解答 我们同样只需要遵循题意即可,即在先有的a标签之外添加一个p标签,并且填上题意中要求的文本即可。

    1.1K40

    【HTML】HTML 标签 ① ( 骨架标签 | 双标签和单标签 | 嵌套关系和并列关系 | 文档类型 | 页面语言 | 编码字符集 )

    文章目录 一、HTML 标签简介 二、HTML 骨架标签 三、双标签和单标签 四、嵌套关系和并列关系 五、文档类型 六、页面语言 七、编码字符集 一、HTML 标签简介 ---- HTML 英文全称...描述网页中的元素 , 常见的标签有 : 文本标签 , 换行标签 , 图像标签 , 链接标签 , 注释标签 等 ; HTML 标签都在 尖括号 中进行定义 , 这些标签都有各自的语法规范 ; 二...、HTML 骨架标签 ---- HTML 骨架标签 : 跟标签 : 所有的标签都在 跟标签 中 ; 文档头部标签 : 该标签的作用是 设置文档头部 , 其中最终要的是设置 标题标签...> ; 开始标签 : 双标签都是由一对标签组成 , 其中 前面的标签称为开始标签 , 中的 是开始标签 ; 结束标签 : 后面的标签称为结束标签...> ; 四、嵌套关系和并列关系 ---- 双标签之间的关系 : 嵌套关系 : 下面代码中 html 标签 与 head 标签 , 属于 嵌套关系 , 一般 子标签 会相对于 父标签 缩进一个 TAB 身位

    1.3K10

    cms系统套标签的简单介绍

    ) $page :一般用来表示页数 (1 表示第一页) 位置:模板风格---phpcms--添加内容标签 1.内容标签(通过设置标签参数调用) 点击"修改选中模板"对标签模板编辑,这里数据库显示方式中的...(通过设置标签参数调用)添加完成,现在去预览一下我们添加的内容标签 位置:模板风格---phpcms--管理内容标签 点击预览一下,如下就是标签预览的结果: 我们如何调用哪?...` c,`phpcms_content_count` n WHERE c.contentid=n.contentid AND c....位置:模板风格---phpcms--添加栏目标签 位置:模板风格---phpcms--管理栏目标签 仿站预览添加的标签 以上是一个添加的栏目标签的流程,根据网站的需要可以调用不同的栏目,制作更适合自己的模板...5、什么都不用做,直接保存,即可完成嵌套。css也叫模板嵌套,过程其实就是把之前静态页面中的静态文本替换STL标签的过程。 cms系统套标签的介绍就聊到这里吧,感谢你花时间阅读本站内容.

    13.9K50
    领券