p标签里面可以套div吗

p标签里面不能嵌套div

先申明本人代码水平为零起点,刚开始学习前端,所以就是小白.不过大神也是小白变身的么,所以要专心码代码,潜心钻研,haha~ 今天练习了段代码,发现效果和自己想象的不一样: 想了一下估计是<p>和<div>嵌套的问题,但是两个不都是块级元素,难道不能嵌套么,而且最后的结果居然是多出来一段<p>的效果,感觉HTML包容心好强,代码码错了也能显示出来.所以就在网上找了点资料,涉及到块级元素和内联元素的嵌套问题. 1.块级元素(block)与内联元素(inline)的区别: 简

HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？

先看下面的例子你就能明白两者的差别: <p>测试一下块元素与<span>内联元素</span>的差别</p> <p>测试一下<div>块元素</div>与内联元素的差别</p> 在上面的例子中,<div>会自己产生一个新的行,而<span>并没有换行,这是在没有CSS渲染的情况下才这样,同样,我们也可以通过CSS把div定义成内联元素,把span定义成块元素,但是,我们却不能在HTML里

HTML中为何P标签内不可包含DIV标签？

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异.于是究其原因,发现块级元素P内是不能嵌套DIV的. 深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种. in-line这个词有很多种解释:内嵌.内联.行内.线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法--内联. 先看下面的例子你就能明白两者的差别: <p>测试一下块元素与<span>内联

p标签里面不要放div标签（块元素）

最好不要在p标签里面嵌套块级元素(如div Ul): <p>我来测试下<div>块元素</div>放在p标签的情况</p> <p>我来测试下<span>内联元素</span>放在p标签的情况</p> <p>我来测试下<ul>块元素ul</ul>放在p标签的情况</p> 浏览器解析情况: 可以看到加了div 与ul的P标签被解析成2个了,这样违背了我的本来意图,后面

HTML中为何P标签内不可包含DIV标签？（转）

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异.于是究其原因,发现块级元素P内是不能嵌套DIV的. 深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种. in-line这个词有很多种解释:内嵌.内联.行内.线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法--内联. 先看下面的例子你就能明白两者的差别: <p>测试一下块元素与<span>内联

JS实现标签页效果(配合css)不同标签下对应不同div

显示页面tab.jsp </ div ></ body > </ html > tab.css ul ,li { margin:0px; padding:0px; list-style:none; } li { float:left; background-color:#66CC00; margin-right:2px; //这个是设置标签之间的间距 padding:5px; border:1px solid white; height:20px; color:wh

html5 分组标签 br hr p div blockquote figure ul ol li pre

<br> 换行, 单标签 <hr> 分割线,水平线 <p> 段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div> 通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote> 页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化. <pre>

p标签内不能嵌套div（注解）

相关知识: 内联元素可以嵌套内联元素,块级元素可以嵌套部分块级元素并也能嵌套内联元素,但内联元素不能嵌套块级元素.块级元素为block,内联元素为inline,拥有“inline”特性的同时又拥有“block”的特性称为replace元素. <p> <div>编码美学</div> <div>编码美学</div> </p> 在上面的代码中,p标签在遇到下一个块级元素的时候就闭合了,它会被浏览器解析为页面中p元素的两倍数量,也就是开始标签

从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型

我们知道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css盒子模型的方式将div元素包含. 元素分类 HTML5中,元素主要分为7类: Metadata Flow Sectioning Heading Phrasing Embedded Interactive 这些分类集合互相之间也存在一定的交集(一个元素可以同时属于多个分类),其交集关系呈现为: 需要注意的是,HTML5中的这种元素分类与in

js 指定位置插入html标签（可编辑div）

demo效果如下: html代码部分如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>

div套div 里面div有浮动外面div自适应高度

<div style="background-color:red;"> <div style="float:left;background-color:blue;width:100px;height:100px"></div> <div style="float:left;background-color:green;width:200px;height:200px"></div> &l

pre 标签防止其撑开 div...

pre 里面的内容如果不换行,会导致 div 横向出现滚动条...加入下列 css可解决! pre{ white-space: pre-wrap; word-wrap: break-word; }

基于Win服务的标签打印(模板套打)

最近做了几个项目,都有在产品贴标的需求基本就是有个证卡类打印机,然后把产品的信息打印在标签上. 然后通过机器人把标签贴到产品上面标签信息包括文本,二维码,条形码之类的,要根据对应的数据生成二维码,条形码. 打印标签的需求接到手后,开始了我的填坑之旅. 打印3.0源代码:https://github.com/zeqp/ZEQP.Print 打印1.0 第一个项目开始,因为原来没有研究过打印,所以在Bing上查了一下.Net打印机关的资料发现基本上都是基于.net的System.Drawing

如何自定义JSTL标签与SpringMVC 标签的属性中套JSTL标签报错的解决方法

如何自定义JSTL标签 1.创建一个类,从SimpleTagSupport继承 A) 通过继承可以获得当前JSP页面上的对象,如JspContext I) 实际上可以强转为PageContext II) 通过PageContext可以拿到HttpServletRequest等对象 B) 通过JspContext可以获取输出流,向页面上输出内容(文字/HTML标签) C) 重写doTage()方法实现标签的内部逻辑 2.在tld(标签库描述)文件中添加<tag>标签 A) 如果tld还没有,则从

IE6 P标签下DIV无法inline-block

IE6 P标签下的DIV标签无法inline-block,使其触发了hasLayout属性再用csshack 使其inline还是不行,始终要换行解决:把div标签替换成非div标签,比如span等.

Html - a标签如何包裹Div

a标签如何包裹Div? 其实应该将思路转变为将a标签作为一个遮罩来覆盖div. 做法是将a标签放置在该div下,通过将div进行相对定位[position:relative] 将a标签进行绝对定位[position:absolute] + 层级提升[z-index:199930710] + 高度宽度和div同步[height:100%;width:100%] 示例代码: HTML: <div class="mui-col-xs-10" id="go_set"&

CSS实现图片在div a标签中水平垂直居中

CSS实现图片在div a标签中水平垂直居中 <div class="demo"> <a href="#"> <img src="test.jpg" /> </a> </div> /*For Firefox Chrome*/ .demo{border:1px #ddd solid;width:208px;height:148px;overflow:hidden;text-align:ce

HTML中的div标签

在网页制作过程过中,能够把一些独立的逻辑部分划分出来.放在一个<div>标签中,这个<div>标签的作用就相当于一个容器. 为了使逻辑更加清晰,我们能够为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称.这个就像我们每一个人都有一个身份证号.这个身份证号是唯一标识我们的身份的,也是必须唯一的. 语法: <div id="版块名称">-</div>

html标签种类很多，为什么不都用div？

why not divs? 所有html页面标签都可以用div解决,为什么还会存在各种不同的标签呢? 代码是写给机器阅读的,初始化标签更利于快速编程,毕竟很多标签有了自定义属性,无需编码控制,可维护性更高! 由于html存在无限级嵌套,都要被机器一一识别,效率未免太低,于是利用多样的标签来帮助浏览器快速有效的识别html内容(无障碍优化): 有规范的编写html利于SEO优化,根据浏览器自动识别机制,html的内容更容易被浏览器检索识别.利于搜索引擎的分析. 假如要开发一款浏览器插件,用于自动分

Object 标签遮挡 Div 显示

最近在使用 Object 时,就是播放视频的 Object 标签遮挡住其他 div 标签,不能正常显示. 出现这种现象的原因: object 标签不在 dom 文档流里面,浏览器在解析的时候先把 object 放置在最上层,然后依次解析dom文档,放在下层,并且在这里使用z-index是无效的. 在被遮挡得 div 中添加 iframe 标签,如下: <div id="demodiv" style="width: 120px; height:120px;DISPLAY:

p标签里面可以套div吗

热门专题