HTML里面P标签不能内嵌别的标签

最新推荐文章于 2022-11-17 17:58:14 发布
最新推荐文章于 2022-11-17 17:58:14 发布
阅读量530 收藏
点赞数
分类专栏： vue相关 文章标签： 前端 html5 javascript css3 web设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/annaluo/article/details/117036709
版权

时隔多年又开始写前端，不得不感叹时光流逝啊，真的完全不记得当初自己竟然能写这么多代码。

想要改一个代码，实现点击标题，下面content的内容就跟着改变，想要的效果如图：

 

 

然而实际得到的效果如下：

按照预期，当点击副标2的时候，表格内容应该隐藏了才对。然而就是没有！！！！！！！

在各种百度之后才找到原因，之所以没有成功，是因为我把表格嵌套到了p标签里！！！！

然后把p标签改成了div之后就成功解决，达到了想要的效果。！ 

 

 

Annaluo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html标签的嵌套规则介绍
12-14
div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html...
html 入门第一天知识点笔记
m0_67742636的博客
04-24 443
HTML结构 <DOCTYPE html> <---声明这一行代码的意思是：下面的文档标签将以html5规范去解析--> <html> <head> <--!头部，主要来完成一个网站的相关设置--> <meta charset="UTF-8"> <--！汉字编码--> <meta name="keywords" content=" "> <--!设置一个网站的搜索关键字--> ...
html p代码的效果,html元素 p 标签的使用方法及作用
weixin_31688873的博客
06-03 6224
html元素标签是英文“paragraph”的缩写，是用来定义一个段落文本内容的，有关该标签的使用方法及作用详解如下：标签的定义标签是用来定义一段段落文本内容的；标签定义的段落文本与上下相邻文本均有一定的间距；标签的align属性已经不被html支持，请用CSS代替；标签属于块级元素，块级元素会独占一行显示，但在块级元素内的文本会自动换行；标签的用法我们平时在word软件、txt文档等平台中写文...
html p标签 不起作用,HTML中为何P标签内不可包含块元素？
weixin_32573931的博客
06-10 557
起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择习惯的叫法–内联...
在html中p标记可以嵌套p标记,html P标签为什么不能嵌套div？还有关于html P标签的css样式的实例介绍...
weixin_28795851的博客
06-10 1715
本篇文章介绍了有关于html p标签的进阶版，上一篇基础版没看过的同学点击下方的链接就可以看了，本篇主要介绍了html p标签的两个重要知识点，一个是如何用css的样式来控制P标签的具体使用，每个都有实例，有兴趣的同学可以自己敲代码试试，还有一个是html P标签为什么不能嵌套div的详解，希望各位认真阅读html P标签标签定义及使用说明： 标签定义段落。元素会自动在其前后创建一些空白。浏览器会...
HTML基础必看——全面了解css样式表
12-04
CSS（Cascading Style Sheet，叠层样式表），作用是美化HTML网页。 /*注释区域*/此为注释语法 一、样式表 ... p //格式对p标签起作用  {  样式；  }  </style> 3.外部样式表  新建一个C
HTML开发王
01-03
12.5.2 为内嵌元素定义热点 12.6 巩固与自测 第13章 使用脚本语言 13.1 了解脚本语言 13.1.1 客户端脚本 13.1.2 服务端脚本 13.2 在html文档中使用脚本代码 13.2.1 使用script元素定义脚本代码 13.2.2 在内建事件中...
tdc-p0:TDC零相位
05-12
流内容：blockquote，div，dl，figure，footer，header，p，ol，ul 栏目内容：文章，旁白，导航，栏目 标题内容：h1-6 短语内容：abbr，br，em，span，strong，time 内嵌内容：音频，画布，iframe，img，对象，...
标签的嵌套规范
qq_46342447的博客
11-01 2505
标签本身就是有很多嵌套规范的，例如： table > tr ， ul(ol) > li ， dl > dt ， 这些标签之间必须紧密相接，不能插入其他标签。 块标签可以嵌套内联标签块标签不一定能嵌套块标签 p不能嵌套div内联标签不能嵌套块标签不能自己嵌套自己的标签 超链接不能嵌套超链接 p标签不能嵌套p标签 标题标签h1-h6之间不能互相嵌套也不能自己 1、行内标签不能嵌套块标签，块标签可以嵌套行内标签。 2、a标签不能嵌套a标签 3、h1-h6,dt这些标签的性...
03-HTML
晴曦的博客
11-17 1125
Java
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
qq_17335549的博客
11-08 1058
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
CSDN写文章html标签不被识别解决方法
jiangjunyuan168的博客
10-24 553
使用转义字符串 &lt; 和 &gt; 表示标签 如： < p > 用 &lt; p &gt; 来表示
HTML 关于p标签的嵌套问题
单枪匹码
12-20 7309
1、最近公司官网用cmseasy模板做了一套页面，想在后台替换一部分页面内容，但是坑的是在后台编辑的html代码中只能使用p标签，也就是说一个页面只能用p标签，真的是心累，最坑的是我竟然才发小p标签有下面这个问题，哎，废话不多说，写个demo记录一下： 1）页面中有一部分是下图这样的： 但是切图给了： 就是说我们要把中间的文字自己嵌套上去，而且页面只能用p标签： <p style="ba...
05-HTML常用标签
weixin_55101030的博客
09-19 495
html常用标签
p标签不能嵌套块元素 p标签嵌套p标签不生效
zhaoletf的博客
08-19 2508
   先给大家来一个错误 示范: <div> <p v-if="Array.isShow"> <p v-for="item in Array.data"></p> </p> ...... </div>    看上面的代码,咋一看感觉是没有问题的,但是只要运行一下就会发现这个 if 判断并没有生效.这个是什么原因造成的呢?可以先给大家看一下运行的结果
HTML中p标签内不可包含div标签。
weixin_43163869的博客
04-15 831
HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？ 转自博客http://www.cnblogs.com/Iona/p/4732452.html
HTML中为何P标签内不可包含DIV标签？
Time
05-12 9858
起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。 深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择
html内嵌html
最新发布
10-12
可以使用iframe标签来实现在HTML中嵌入另一个HTML页面。例如： ``` <iframe src="https://www.example.com"></iframe> ``` 这将在当前页面中嵌入一个来自https://www.example.com的页面。 另外，也可以使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值