为什么p标签不能嵌套

2024-09-05

HTML里为什么不能在<p>标签中嵌套<div>标签

学习过HTML语言的人都应该知道,在HTML里,有分块级元素和内联元素:例如我们常用到的div,o,ul,dl,table,h1...h6等,这些都是块级元素:而像a,b,i,em,img,span等就是内联元素了.在开发过程中,我们避免不了各种元素的嵌套,但是有时候我们在不知不觉中就错误地嵌套元素了.为什么说是不知不觉呢.因为就算我们错误地嵌套了,但是在浏览器中显示的时候,其实是没有区别的.咱们今天就具体地分析为什么不能再<p>里嵌套<div>.希望通过这个例子,大家可以自己去学

XHTML标签的嵌套规则分析

在 XHTML 的语言里,我们都知道:ul 标签包含着 li.dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确.但是,还有许多标签是独立的,它们没有被捆绑在一起,比如 h1.div.p……那么这些标签的嵌套规则到底是怎样的?今天就来说说这个话题. 提到 XHTML 标签的嵌套规则,我们先得知道有这么二类 XHTML 标签,一类叫做块级元素(block),一类叫做内嵌元素(inline,也有许多人叫它:内联.行内.线级等). 块级元素和内嵌元素的划分标准很简单,请把下面

HTML标签的嵌套

随着时间的推移,我们学习html的基础知识有了大概的了解.而我发现,平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,然而发现有时的标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则一.HTML 标签包括块级元素(block).内联元素(inline) 1.块级元素一般用来搭建网站架构.布局.承载内容的元素,如下: address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1

HTML标签的嵌套规则

我在平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,后来发现有些标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则. 一.HTML 标签包括块级元素(block).内联元素(inline) 1.块级元素一般用来搭建网站架构.布局.承载内容的元素,如下: address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.nos

XHTML标签的嵌套规则--很基础很重要

XHTML的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套—— XHTML 必竟不是 XML. 在 XHTML 的语言里,我们都知道:ul 标签包含着 li.dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确.但是,还有许多标签是独立的,它们没有被捆绑在一起,比如 h1.div.p……那么这些

为什么p标签不能嵌套div??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>p标签里面包含div</title> <link rel="stylesheet" href="&qu

火狐下<a>标签里嵌套的<select>不能选的bug

今天遇到了这个问题,网上一找就找到原因了:在狐火下<a>标签里嵌套的<select>不能选可是我查找这个问题过程中依然饶了一些时间,原因是在<a>标签没有写href属性下,嵌套的<select>是可以选的记录一下吧

html标签的嵌套规则分析

1.a标签最好不要嵌套块级元素,可以嵌套内联元素,但是不能嵌套a标签和input之类的标签.能嵌套的标签像,等等. 2.ul和ol的子元素不能是别的元素只能是li,不能是别的比如div等,但是li中可以是div,要不然在ie6和7下回把非li解析到li的内部.这个切记没有办法修复! 3.p标签不能嵌套块级元素甚至不能嵌套p元素,只能嵌套内联元素,不然对p嵌套的块级元素设置css不起作用.4.button里面不要嵌套a标签,不然在js里面会有两个事件,还有就是button里面放img要记得给图片添

HTML中部分标签的嵌套问题

书写HTML结构的时候,对于标签的嵌套问题,在我发现这个问题之前,都不在自己的考虑之中,还傻傻的以为标签之间是可以进行百搭的! 其实,有些标签是不能进行随意嵌套,如果你没有深受其害,你是不会发现它的存在的,更不会体会到它能带给你的那种抓狂感! 那么究竟是那个两个标签呢?请看,就是a标签和p标签,乍一看都是像欠揍的样子,是不是? (1)a标签不能嵌套a标签(链接嵌套) <a href="###">父元素<a href="###">子元素<

超级简单却不知道：html标签的嵌套规则

XHTML的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢? 一.HTML 标签包括块级元素(block).内嵌元素(inline) 1.块级元素一般用来搭建网站架构.布局.承载内容……它包括以下这些标签: address.blockquote.center.dir.

PHPCMS V9标签循环嵌套调用数据的方法

PHPCMS V9的标签制作以灵活见长,可以自由DIY出个性的数据调用,对于制作有风格有创意的网站模板很好用,今天就介绍一个标签循环嵌套方法,可以实现对PC标签循环调用,代码如下: 在此文件里/phpcms/lib/classes/template_cache.class.php 里的 template_parse 方法里,添加如下代码: $str = preg_replace ("/\{loop(\S+)\s+(\S+)\s+(\S+)\}/","<?php \$n\

a标签的嵌套

1.a标签的嵌套 a标签不能嵌套,若a标签中嵌套了a标签,浏览器会自动添加结束符号,故不能嵌套 2.例子编辑器中的代码 <a href="#">外层a标签<a href="#">嵌套a标签</a></a> 浏览器解析的结果 <a href="#">外层a标签</a> <a href="#">嵌套a标签</a>

MyBatis从入门到精通(十)：使用association标签实现嵌套查询

最近在读刘增辉老师所著的<MyBatis从入门到精通>一书,很有收获,于是将自己学习的过程以博客形式输出,如有错误,欢迎指正,如帮助到你,不胜荣幸! 本篇博客主要讲解使用association标签实现嵌套查询的方法. 1. 明确需求仍然延用上篇博客中的需求:根据用户id查询用户信息的同时获取该用户的角色信息(假设一个员工只能拥有一个角色). 在上篇博客中,我们分别使用了3种方式来实现这个需求,但这3个需求都有一个共同点,就是我们使用了多表查询,即查询一次数据库就获取到我们想要的所有数据. 有

MyBatis从入门到精通(十二)：使用collection标签实现嵌套查询

最近在读刘增辉老师所著的<MyBatis从入门到精通>一书,很有收获,于是将自己学习的过程以博客形式输出,如有错误,欢迎指正,如帮助到你,不胜荣幸! 本篇博客主要讲解使用collection标签实现嵌套查询的方法. 1. 需求升级在上篇博客中,我们实现了需求:根据用户id查询用户信息的同时获取用户拥有的角色. 因为角色可以拥有多个权限,所以本篇博客我们升级需求为:根据用户id查询用户信息的同时获取用户拥有的角色以及角色包含的权限. 2. 实现方式因为我们需要使用到权限表的映射,所以我们需要

关于p标签不能嵌套div标签引发的标签嵌套问题总结

问题由来:<p>中嵌套<div>标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段<p>的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结. 1.块级元素(block)与内联元素(inline)的区别: 1.1块元素,独占一行,宽高起作用:如:div , p , ul , ol ,table , menu ,h1~h6,li等 1.2内联元素,可与其他内联元素同一行,宽高不起作用:如:span , q , input , i

PHPCMS快速建站系列之标签循环嵌套

标签循环嵌套方法,可以实现对PC标签循环调用,代码如下: 在此文件里/phpcms/lib/classes/template_cache.class.php 里的 template_parse 方法里,添加如下代码: $str = preg_replace ("/\{loop(\S+)\s+(\S+)\s+(\S+)\}/","<?php \$n\\1=1;if(is_array(\\2)) foreach(\\2 AS \\3) { ?>", $str

day63-html-列表，表格，标签的嵌套规则

1.列表 1.无序列表 <ul type="disc"> <li>a</li> <li>b</li> </ul> type属性: disc(实心圆点,默认值),因为是默认,可以省略type="disc" circle(空心圆圈) square(实心方块) none(无样式) 2.有序列表 <ol type="1" start="2"> <

基础选择器,长度与颜色,标签display,嵌套关系,盒模型,盒模型布局

css基础选择器 # *(统配选择器): 控制html, body,以及body下所有用于显示的标签 # div(标签选择器): 该标签名对应的所有该标签 # .(class选择器)(eg: .div => class="div"): 类名为div的所有标签 # #(id选择器)(eg: #div => id="div"): id名为div的唯一标签选择器的优先级 # 理解: 控制范围约精确,优先级越高,所设置的样式就会覆盖优先级低的相同属性样式 #

使用area标签实现标签的嵌套

在项目中我们会碰到这种需求:即点击这个整个a标签跳转到一个页面,点击a里面的某个a再跳转到另一个页面.有人会说,这还不简单,直接a标签嵌套a标签,可是事实如此吗,看代码: <a href="#">clickOne<a href="#">clickTwo</a></a> 此时的节点结构是a嵌套这a,但是经过页面解析以后: 嵌套关系成了兄弟关系.这是因为a标签不能去嵌套a标签,所以浏览器会默认的把他们解析为兄弟节点的关系.

a标签不能嵌套

<a href='http://www.baidu.com'> <a href='http://www.google.com'></a> </a>  <a href='http://www.baidu.com'></a> <a href='http://www.google.com'></a>  因为两个a标签并列,你点里面的a

为什么p标签不能嵌套

热门专题