Zusammenfassung:
1. Blockelemente können Inline-Elemente oder einige Blockelemente (das obige Beispiel ist eigentlich eine falsche Verwendung ---> ich habe in
eingefügt)
, aber Inline-Elemente können nicht enthalten Blockelemente. Sie können nur andere Inline-Elemente enthalten
2 , Die DTD Wir verwenden, dass Elemente auf Blockebene nicht innerhalb von
3 platziert werden können : drei Ebenen von Blockelementen
4. img von Inline-Elementen Sie sind im Vergleich zur Eingabe etwas Besonderes. Sie haben eine Inline-Breite und -Höhe Elemente haben es nicht. W3C definiert es als Ersetzungselement.
Ursache:
Während der Arbeit an dem Projekt stellte ich fest, dass der Code, der ursprünglich in DW korrekt war, in MyEclipse6.0 aber dazu aufgefordert N So viele Fehler, so überraschend. Nachdem wir den Grund untersucht hatten, stellten wir fest, dass p nicht innerhalb des Elements P auf Blockebene verschachtelt werden kann. Eingehendes Studium: Lassen Sie uns zunächst Inline-Elemente und Block-Line-Block-Elemente verstehen, da fast alle Elemente in HTML Inline-Elemente oder Blöcke sind. Eines der Elemente .
Das Wort Inline hat viele Interpretationen: Inline, Inline, Inline, Line-Level usw., aber sie bedeuten alle dasselbe , hier wählen wir den üblichen Namen – inline.
Sie können den Unterschied verstehen, indem Sie sich das folgende Beispiel ansehen:
Testen Sie die Unterschiede zwischen Blockelemente und Inline-Elemente
Testen Sie den Unterschied zwischen
Blockelementen
und Inline-Elementen
🎜> Der Effekt ist wie folgt:
Im obigen Beispiel generiert
von selbst, und funktioniert nicht. Ebenso können wir p als Inline-Element und Span als Blockelement in HTML definieren . Blockelemente können Inline-Elemente oder bestimmte Blockelemente enthalten (das obige Beispiel ist eigentlich eine falsche Verwendung – ich habe in
eingefügt), , aber Inline-Elemente können keine Blockelemente enthalten. es kann nur andere Inline-Elemente enthalten , schauen Sie sich das noch einmal an:
<h2>我喜欢在<a href="#" >经典论坛</a>讨论Web标准的原因。</h2>
Nach dem Login kopieren
Wobei ist kein Fehler, auch ;p> enthält , aber es ist falsch, wenn es so ist, denn Inline-Elemente sollten keine Blockelemente enthalten:
<a href="#"> <h2>这样是错误的用法！</h2></a>
Nach dem Login kopieren
Es gibt auch Fälle, in denen einige Blockelemente keine anderen Blockelemente enthalten können. Zum Beispiel:
<p>测试文字
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>
Nach dem Login kopieren
Und das ist in Ordnung.
<ul>
<li><p>这样是可以的</p></li>
</ul>
Nach dem Login kopieren
Warum? Weil die von uns verwendete DTD vorschreibt, dass Elemente auf Blockebene nicht in
platziert werden können, und einige Browser diese Schreibweise dulden:
<p>这是一个段落的开始
<p>这是另一个段落的开始
Nach dem Login kopieren
当一个签还没结束时，遇到下一个块元素就会把自己结束掉，其实浏览器是把它们处理成这样：
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>
Nach dem Login kopieren
所以刚才那样的写法会变成这样：
<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字<p></p>
Nach dem Login kopieren
这也是跟刚才说第一个例子中里面放
不合理是同一个道理。
以下为重点理解部分：
那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有<head>、、
