【我不熟悉的html】p标签不能嵌套块元素(p、div等)

<p><span>今天是个好日子。</span><div>内部的div</div>
</p>

这段代码渲染出来的结构是这样的，结构并不是我们想要的

所以，p标签，作为一个块元素，内部只能是行内元素，或者文本字段，不能嵌套其他的块元素（p、div、ul、ol、h1~h6、dt）等使用！

注意！

我看有的博客说<h1 ~6> dt也有类似的规则，但是我试了chrome浏览器，貌似这几个标签嵌套了块元素也不会出现解析html结构的错误。

   <h1><div style="color: red">xxxx</div></h1><h2><p style="color: blue">xxxx</2></h1><h3><ol><li>xxx</li></ol></h3><dl><dt><dt><p>xxxx</p></dt></dt></dl>

看一下，结构上其实是没有太大的问题的，但是也不推荐这么写！

【我不熟悉的html】p标签不能嵌套块元素(p、div等)相关推荐

p标签不能嵌套块元素 p标签嵌套p标签不生效
先给大家来一个错误示范: <div><p v-if="Array.isShow"><p v-for="item in Array.d ...
css中标签显示模式、块元素、行内元素、行内块元素、显示模式转换
标签显示模式display: HTML标签一般分为块标签(块元素:block-level)和行内标签(行内元素:inline-level)两种类型,但是还有第三种说法行内块元素:table-row-g ...
CSS第三章：13.布局：如何进行网页的经典布局，使用何种标签？让块元素从左到右自然排列如何设置？
总览 1.在了解布局之前,必须先了解一个名词:文档流 2.我们今天讲的布局是像京东那样的布局,1个header,1个main中包含3个从左到右排列的块元素,以及1个footer 一.这样的布局怎么写? ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
结构标签、行内与块元素、列表、超链接、图片标签格式及音视频（vscode）
结构标签: <body>  <!-- html5 新增的标签,语义化更 ...
微信小程序从注册appid到熟悉静态微信特有标签
一.注册账号以及下载开发者工具浏览器搜索"微信公众平台"后: 点击上方图片的小程序选项点击小程序后,进入页面后会(下拉页面)出现如上页面点击前往注册(并确保) 注册好之后 ...
灵动标签 php脚本,帝国CMS灵动标签PHP代码实现标签无限嵌套的效果
对于熟悉帝国CMS的朋友大都知道使用灵动标签进行特定信息的调用,而灵动标签的强大功能远非如此. 灵动标签的PHP函数是: sys_ReturnEcmsLoopBq(栏目ID/专题ID,显示条数,操作类 ...
css标签显示特性（块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例）
HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...
关于p标签的嵌套问题
今天群里问了一个p的问题,初看我觉得恩这么简单我应该知道. 他代码如下: <!DOCTYPE HTML> <html> <head><meta charset ...

【我不熟悉的html】p标签不能嵌套块元素(p、div等)

【我不熟悉的html】p标签不能嵌套块元素(p、div等)相关推荐

最新文章

热门文章