p标签中可以嵌套div嘛

最新推荐文章于 2024-05-21 16:57:18 发布
最新推荐文章于 2024-05-21 16:57:18 发布
阅读量404 收藏 1
点赞数 2
分类专栏： 前端 css 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42931285/article/details/129723062
版权
前端 同时被 2 个专栏收录
344 篇文章 10 订阅
订阅专栏
css
108 篇文章 0 订阅
订阅专栏

不可以，若嵌套了。会自动出来！

 <p>
        <div>好好学习</div>
    </p>

在浏览器中查看：
在这里插入图片描述
这种在元素排版时会有问题，所以一定要按照规则嵌套，不要随便嵌套。

_处女座程序员的日常
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
XHTML标签的嵌套规则分析
01-21
在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确。但是，还有许多标签是独立的，它们没有被捆绑在一起，比如 h1、div、p……那么这些标签的嵌套规则到底是怎样的？今天就来说说这个话题。 提到 XHTML 标签的嵌套规则，我们先得知道有这么二类 XHTML 标签，一类叫做 块级元素(block)，一类叫做 内嵌元素（inline，也有许多人叫它：内联、行内、线级等）。 块级元素 和 内嵌元素 的划分标准很简单，请把下面二行代码放进 body 标签里： <div style=”border: 1px solid red
HTML中为何P标签内不可包含DIV标签？
u014686861的专栏
05-06 5137
起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。 深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择
百度编辑器 ueditor 内容编辑自动套P标签，及p标签 替换
10-20
主要介绍了百度编辑器 ueditor 内容编辑自动套P标签，及p标签 替换,需要的朋友可以参考下
HTML标签嵌套规则详细归纳适合新手朋友
12-13
最近在重新学习HTML的知识，算是对HTML的一个重新认识吧！别小看了这东西，一切的网页可都是以它为基础的！下面就详细归纳一下HTML标签的嵌套规则吧，希望对大家有所帮助。 XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套—— XHTML 必竟不是 XML。 在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确。但是，
p标签内不能嵌套div（注解）
weixin_30851409的博客
11-13 104
相关知识： 内联元素可以嵌套内联元素，块级元素可以嵌套部分块级元素并也能嵌套内联元素，但内联元素不能嵌套块级元素。块级元素为block，内联元素为inline，拥有“inline”特性的同时又拥有“block”的特性称为replace元素。 <p> 　　<div>编码美学</div> 　　<div>编码美学</div> <...
p标签为什么不能嵌套div标签？如果嵌套会发生什么呢？
阿珂学cv
10-23 1175
当我们学html时，老师就告诉我们p标签不能嵌套div标签，但是为什么呢？今天我亲测了下原因，帖图来证！
div和span显示在同一行
weixin_34221276的博客
04-13 4901
div和span标签的区别 div 是块级元素标签，独占一行，后面跟的内容换行显示 span 是内联元素标签，后面可以跟其他显示内容，不独占一行 display属性可以改变内联元素和块级元素的状态，实现两种元素的互换 1.div变成内敛元素 代码展示 <!DOCTYPE html> <html> <head lang="en"> ...
＜p＞ 里可以写 ＜div＞ 吗? 你可能真的不知道
broken_promise的博客
06-13 1278
在学习 计数器 函数时, 我尝试使用 和 互相嵌套组成 结构. 如下 页面显示元素都正常, 但是计数器就是不正常😡, 于是我检查元素发现整个页面的 结构被浏览器悄悄地改了. 浏览器为什么要这么做呢?🤨 规范中的每一个元素都有一个内容模型: DOM. 规范中明确了 元素的内容必须匹配这个元素的 . 的 是 phrasing content 的 是 flow content因此, 不能包含 (反过来可以), 不仅仅是 , 任何非 的元素都不行, 包括 , 等, 甚至包含自身, 因为 ..
p标签内放div
aliven1的博客
01-08 1305
p标签内放div会导致bug,浮动失效，p内最好都是文本
html标签的嵌套规则介绍
12-14
XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱...
p元素里面不能嵌套div元素
TE杨
12-15 642
p元素不能嵌套div以及其他块级元素，为什么？我百思不得其解。目前看到的一种较为可信服的说法是，加上亲身实践。 代码： <p>我是p的开始<div>我是div</div><div>我也是div</div>我是p的结束</p> 浏览器解析: 就是说，p元素里面如果放了div元素或者其他块级元素，会自动把p元素解析成两个p元素...
html P嵌套div,HTML里为什么不能在<p>标签中嵌套<div>标签
weixin_31510505的博客
06-17 783
学习过HTML语言的人都应该知道，在HTML里，有分块级元素和内联元素；例如我们常用到的div，o，ul，dl，table，h1...h6等，这些都是块级元素；而像a，b，i，em，img，span等就是内联元素了。在开发过程中，我们避免不了各种元素的嵌套，但是有时候我们在不知不觉中就错误地嵌套元素了。为什么说是不知不觉呢。因为就算我们错误地嵌套了，但是在浏览器中显示的时候，其实是没有区别的。咱们...
在html中p标记可以嵌套p标记,html P标签为什么不能嵌套div？还有关于html P标签的css样式的实例介绍...
weixin_28795851的博客
06-10 1718
本篇文章介绍了有关于html p标签的进阶版，上一篇基础版没看过的同学点击下方的链接就可以看了，本篇主要介绍了html p标签的两个重要知识点，一个是如何用css的样式来控制P标签的具体使用，每个都有实例，有兴趣的同学可以自己敲代码试试，还有一个是html P标签为什么不能嵌套div的详解，希望各位认真阅读html P标签标签定义及使用说明： 标签定义段落。元素会自动在其前后创建一些空白。浏览器会...
html如何让div和p在一行显示,css – 如何在div内的一行显示im,p,h3？
weixin_28825959的博客
06-15 1303
像这样？与目前为止发布的其他答案相比,这具有优势(取决于您的需求) – 如果文本内容的高度大于图像,则文本将保持齐平(不会环绕图像).CSS：#content {margin-left: 210px}#theDiv img {float: left}HTML： how to display img with p, h3 in one line inside the div?Hey, i ne...
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
qq_17335549的博客
11-08 1065
【我不熟悉的html】p标签不能嵌套块元素(p、div等)
p 标签里面不能嵌套 div 标签
He Manyuan
12-16 2759
p 标签里面不能嵌套 div 标签 开头先放大加粗的展示这句话 作为一名半专业的切图仔，怎么能够犯如此低级的错误？？ 某日… 正常搬砖中，突遇一奇葩问题，尝试各种方案均试无法解决 大致情况如下(JSX)： ... <p className={styles.item1}> <span>Item1</span> <Component1 /> &...
CSS弹窗
最新发布
那片枫叶~
05-21 117
CSS 曲线弹窗和气泡弹窗小笔记，高德地图。标注气泡，背景是图片。
js循环添加多个嵌套标签
05-24
你可以使用循环来动态添加多个嵌套标签，以下是一个示例： ```javascript // 获取父元素 var parent = document.getElementById("parent"); // 定义要添加的标签及其属性 var tags = [ { name: "div", class: "outer" }, { name: "div", class: "inner" }, { name: "p", text: "Hello World!" } ]; // 循环添加标签 for (var i = 0; i < tags.length; i++) { var tag = tags[i]; var element = document.createElement(tag.name); // 添加class属性 if (tag.class) { element.classList.add(tag.class); } // 添加文本内容 if (tag.text) { var text = document.createTextNode(tag.text); element.appendChild(text); } // 添加子元素 if (i > 0) { parent = parent.lastChild; } parent.appendChild(element); } ``` 在上面的代码中，我们首先获取了要添加标签的父元素，然后定义了要添加的标签及其属性。接着，我们使用循环来遍历这些标签，并使用 `document.createElement()` 方法创建元素。然后，我们根据标签的属性来设置元素的 class、文本内容和子元素，并使用 `appendChild()` 方法将元素添加到父元素中。最后，我们在每一次循环结束时将父元素设置为新添加的元素，以便下一次循环时将子元素添加到最后一个元素中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值