p标签里面不能放ul、div等元素

最新推荐文章于 2024-12-28 16:53:22 发布
转载 最新推荐文章于 2024-12-28 16:53:22 发布 · 5.1k 阅读 · 1
本文通过实例对比了HTML中块级元素与内联元素的显示差异，并介绍了两者之间的包含规则，强调了内联元素不能包含块级元素。

转自：http://blog.sina.com.cn/s/blog_650e4bae0102v72o.html

先看下面的例子就能明白两者的差别：

    < p >测试一下< span >块元素< /span >与内联元素的差别< /p >
    < p >测试一下< div >块元素< /div >与内联元素的差别< /p >   

    效果如下图：

HTML中为何P标签内不可包含DIV标签？ - JORTON - ★柳暗花明★


    在上面的例子中,会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们 也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误的使用--->我把放在里面了),但内联元素却不能包含块元素，它只能包含其他的内联元素.

总结:  内联元素里面不能放入块元素


lynann
关注
HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？
weixin_30902675的博客
11-27 398
先看下面的例子你就能明白两者的差别： <p>测试一下块元素与<span>内联元素</span>的差别</p> <p>测试一下<div>块元素</div>与内联元素的差别</p> 在上面的例子中，<div>会自己产生一个新的行，而<span>并没有换行,这是在没有...
在p标签里面不能嵌套ul、div等块级元素
weixin_41790566的博客
07-27 1512
在p标签里面不能嵌套ul、div等块级元素 在p标签里面不能嵌套ul、div等块级元素 显示结果为： 在ul元素的前后都加上了兄弟元素p 不可自由嵌套的元素就是里面只能放内联元素的有： 标题标记的<h1~6>、<caption>； 段落标记的<p>； 分隔线<hr> 一个特别的元素 (它只存在于列表元素的子一级)。 <ul>、<ol>、<dl>、<table>，它们的子一层必须是.
标签的嵌套规范
weixin_53024314的博客
02-26 1348
1. 块元素可以嵌套块元素、⾏内元素、⾏内块元素 div可以嵌套任意标签 p标签不能嵌套其他块元素，可以嵌套⾏内元素、⾏内块元素 不推荐标题⾥边嵌套其他块元素，可以嵌套⾏内元素、⾏内块元素 2. ⾏内块不能嵌套块元素，可以嵌套⾏内元素、⾏内块元素 3. ⾏内元素不能嵌套块元素、⾏内块元素，只能嵌套⾏内元素 a标签不能嵌套a标签 总结：块元素>p标签>行内块元素>行内元素 ...
【HTML】p 标签详解
最新发布
lph159的博客
12-28 5372
p>通过 CSS 调整段落的上下间距：/* 设置段落的上下外边距为 20px */ } p/* 设置段落的上下外边距为 20px */ } /* 设置段落的上下外边距为 20px */ } margin/* 设置段落的上下外边距为 20px */ } ;/* 设置段落的上下外边距为 20px */ } /* 设置段落的上下外边距为 20px */
常用标签2
xunmengyinjia的博客
08-18 619
4、特殊的行内元素a标签，它里面什么都能放，可以放块元素、行内元素、行内块元素。1.行内元素不会独占一行，它是自左向右排列，一行排满，再另起一行，继续从左向右。3、特殊的块元素p标签，它里面一般只放文字或图片，不能放块元素。section 独立的区块，上面的标签都不合适，就用这个，也没有任何语义，1、块元素里面什么都能放，可以放块元素、行内元素、行内块元素。2、行内块元素里面一般只放行内元素，如文字，不能放块元素。块元素的宽度默认是父元素的100%特点：兼具块元素和行内元素的特点。用display属性。.
div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em, ul li ol 标签用法
ujswml的专栏
06-23 1万+
XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em, ul li ol 标签用法
img标签和p标签是行内元素还是块级元素？以及p标签中可以放img标签吗？
热门推荐
吴冬雪的博客
05-21 2万+
其他块级元素：常用的有：　div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table另外还有：address、isindex、menu、noframes、noscript、pre、blockquote、center、dir、块级元素，默认宽度占满一行。HTML 是段落标签，除了可以添加文字内容外，完全可以添加其他。类似于 inline-block ，可以被p标签包裹。比如p是居中，图片也中了。也包括IMG图片标签。
html标签（行元素，块元素，行内块元素）
Jwhahaha的博客
10-16 1万+
html标签 块元素 h1~h6:标题标签，用于标记网页中的大标题，依次从大到小 p：用于标记网页中的段落性文字，默认占满横向区域 行元素 行内块元素 img：用于标记网页中的图像 ，有属性src:图片资源路径 ，alt:提示信息 当图片加载失败 ，以指定文本形式代替图片显示 a：标记网页中的超链接，点击可以打开或者跳转到另一个网页，也可以链接到一个要下载的文件，有属性href：要...
html几个重要标签用法（div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em）
宜臶瑏芯的博客
01-10 4827
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。 XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
关于p标签不能嵌套div标签引发的标签嵌套问题总结
a5199421的博客
08-12 1170
问题由来：<p>中嵌套<div>标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段<p>的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。 1.块级元素（block）与内联元素（inline）的区别： 　 1.1块元素，独占一行，宽高起作用：如：div , p , ul , ol ,tab...
p标签里面不要放div标签（块元素）
weixin_30907935的博客
01-19 910
最好不要在p标签里面嵌套块级元素(如div Ul): <p>我来测试下<div>块元素</div>放在p标签的情况</p> <p>我来测试下<span>内联元素</span>放在p标签的情况</p> <p>我来测试下<ul>块元素ul...
HTML-详解前端开发中经常用到的块级标签 h1~h6、p、div、ul、ol、li、dl、dt、dd、pre
weixin_44486539的博客
09-25 7156
常用的块级标签 块级元素默认独自占一行，可嵌套； 可设置 width（宽）、height（高）、内外边距等；宽度没有设置时，默认为100%（通栏）； 一般块级元素中可以包含块级元素和行内元素 标签常用标准属性： id 定义元素的唯一 id 相当于身份证号 class 定义元素的一个或多个类名通常与样式表结合使用，用于设置标签的样式 style 用于在行内设置样式 ...
div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 的基本用法
shili150的专栏
08-26 2232
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,im
HTML页面使用ul、li标签和jQuery实现ul折叠
Demo_Bug的博客
12-18 2637
HTML页面使用ul、li标签和jQuery实现ul折叠 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> bod.
请写出至少5个html块元素标签_html标签 —— 块级元素
weixin_34207925的博客
12-24 1297
阅读目录：h1-h6标题使用至标签进行定义。定义最大的标题，定义最小的标题。具有align属性，属性值可以是：left、center、right。一级标题二级标题三级标题四级标题五级标题六级标题效果列表列表又分为三种，有序列表ol，无序列表ul和定义列表dl。其中ol和ul必须结合li标签使用，而dl则必须结合dt,dd使用。olordered list 有序列表lilist item，...
快速上手、超实用的一些HTML标签……
qq_56966124的博客
04-16 1423
HTML常用的一些标签： div、span、ul、li、a、img、p 关于我的第一篇技术文章，我考虑了很久，不知道到底呈现什么给你们看比较好，最终我还是觉得从基础开始吧——HTML，上面提到的只是HTML标签中的一部分，但是使用这些已经足够完成很多构架了，毕竟说白了，标签就是一个盒子而已，只不过不同的标签代表不同寓意的盒子，但它们的本质都是盒子，用来存放内容的一个容器。 HTML（超文本标记语言），它用来搭建整个网页的结构，它相当于是一个容器，我们把内容放在标签里面...
div html用法详解,div标签详解
weixin_31091067的博客
06-10 7312
html中div标签怎么用？就把DIV看成一个 纯净的箱子吧.啥属性都没有 默认宽度100% 高度0 高度是 按DIV里的 内容而变高 也可以在 CSS里 设置 宽高 DIV就是 典型的 标签.. P UL LI 等 标签 用DIV 都能做... 它们都是 以DIV的 基础+CSS 而形成的... 以上 是标签是做什么用的标签是做什么用的。和他的属性请高手赐教div就是“层”或“块”的意思，使用D...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值