起因&＃xff1a;在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误&＃xff0c;甚是诧异。于是究其原因&＃xff0c;发现块级元素P内是不能嵌套DIV的。
深究&＃xff1a;我们先来认识in-line内联元素和block-line块元素&＃xff0c;因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。
in-line这个词有很多种解释&＃xff1a;内嵌、内联、行内、线级等&＃xff0c;但是&＃xff0c;它们都是表示相同的意思&＃xff0c;在这里我们选择习惯的叫法--内联。
先看下面的例子你就能明白两者的差别&＃xff1a;
测试一下块元素与内联元素的差别
测试一下
效果如下图&＃xff1a;
在上面的例子中&＃xff0c; 里面了) &＃xff0c;但内联元素却不能包含块元素&＃xff0c;它只能包含其他的内联元素&＃xff0c;再看看这个&＃xff1a; 其中 &＃xff0c; 包含也是对的&＃xff0c;但是如果是下面这样的话&＃xff0c;就是错误的&＃xff0c;因为内联元素不应该包含块元素&＃xff1a; 还有一些情况就是一些块元素不可以包含另一些块元素。例如这样&＃xff1a; 测试文字 测试文字 而这样又是可以的。 这样是可以的 为什么呢&＃xff1f;因为我们使用的DTD中规定了块级元素是不能放在 里面的&＃xff0c;再加上一些浏览器纵容这样的写法&＃xff1a; 这是一个段落的开始 这是另一个段落的开始 当一个 签还没结束时&＃xff0c;遇到下一个块元素就会把自己结束掉&＃xff0c;其实浏览器是把它们处理成这样&＃xff1a; 这是一个段落的开始 这是另一个段落的开始 所以刚才那样的写法会变成这样&＃xff1a; 测试文字 测试文字 这也是跟刚才说第一个例子中 里面放 那哪些块元素里面不能放哪些块元素呢&＃xff1f;我知道你有这个疑问&＃xff0c;也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的&＃xff0c;我们已经知道是在最外层&＃xff0c;下一级里面只会有、、、&＃xff0c;而我们已经知道了可视的元素只会出现在里&＃xff0c;所以我们把划在第一个级里面&＃xff0c;接着&＃xff0c;把不可以自由嵌套的元素划在第三个级&＃xff0c;其他的就归进第二个级。所谓的不可自由嵌套的元素就是里面只能放内联元素的&＃xff0c;它们包括有&＃xff1a;标题标记的 &＃xff1b;分隔线 为什么说第二级的元素可以自由嵌套呢&＃xff1f;我们可以把它们看成是一些容器&＃xff08;或者说是盒子&＃xff09;&＃xff0c; 这些容器的大小可以自由变化&＃xff0c;例如我们可以把 在HTML里有几个元素是比较特别的&＃xff1a; 很多人在W3C校验无法通过也是这个原因-->错误的元素嵌套&＃xff0c;然而把提示错误的标签改成 下面有一张关于(X)HTML Strict下嵌套规则的图&＃xff0c;可以参考&＃xff1a; 其实在内联元素中&＃xff0c;还是可以再区分一下的&＃xff0c;有几个元素&＃xff08; 转:https://www.cnblogs.com/dunken/p/4364752.html我喜欢在
" >经典论坛讨论Web标准的原因。是属于块元素&＃xff0c;而是属于内联元素&＃xff0c;
包含是没有错误的&＃xff0c;同样&＃xff0c;
这样是错误的用法&＃xff01;
、
、
、
、
、
、
和一个特别的元素的子一级)。
嵌在
、
、
、
&＃xff0c;它们的子一层必须是指定元素&＃xff0c;
、
的子一级必须是
的子一级必须是
的子一层必须是
&＃xff08; 只存在于、 、中&＃xff09;&＃xff0c;之后才是可放内容的或者 。
、等&＃xff09;比较特别&＃xff0c;它们可以定义宽高。虽然在IE 浏览器里&＃xff0c;所有的元素都可以定义宽高&＃xff0c;但这是IE自己的标准&＃xff0c;并非所有浏览器都支持&＃xff0c;W3C称它们为replaced元素&＃xff0c;我也找不到适合翻译的词&＃xff0c;它们在属于in-line的情况下同样具有block-line的一些特性&＃xff0c;在"desplay:inline-block的应用"中所说的inline-block其实就是让其他元素也模拟成replaced元素&＃xff0c;你暂时也不用过多了解&＃xff0c;等到后面再学习它。
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有
