Pourquoi les balises DIV ne peuvent-elles pas être incluses dans la balise P en HTML ?-tutoriel HTML-php.cn

Résumé :

1 les éléments de bloc peuvent contenir éléments en ligne <.> ou certains éléments de bloc (l'exemple ci-dessus est en fait une mauvaise utilisation ---> J'ai mis

à l'intérieur de

) , mais les éléments en ligne ne peuvent pas contenir éléments de bloc Ils ne peuvent contenir que d'autres éléments en ligne

2 , La DTD. que nous utilisons stipule que les éléments au niveau du bloc ne peuvent pas être placés à l'intérieur de

: trois niveaux d'éléments de bloc

4. img des éléments en ligne Ils sont spéciaux à saisir. n'en avons pas. Le W3C le définit comme un élément de remplacement. Définir l'élément sur display:inline-block simule l'effet de l'élément de remplacement.

Cause :
En travaillant sur le projet, j'ai découvert que le code qui était initialement correct dans DW était dans MyEclipse6.0

mais a incité N Tant d'erreurs, tellement surprenant. Ainsi, après avoir étudié la raison, nous avons constaté que p ne peut pas être imbriqué dans l’élément P au niveau du bloc. Étude approfondie : comprenons d'abord les éléments en ligne et les éléments de bloc en ligne, car presque tous les éléments en HTML sont des éléments ou des blocs en ligne. L'un des éléments . Le mot in-line a de nombreuses interprétations : inline, inline, inline, niveau ligne, etc., mais ils signifient tous la même chose. , nous choisissons ici le nom habituel - inline.

Vous pouvez comprendre la différence en regardant l'exemple ci-dessous :

Testez les différences entre éléments de bloc et éléments en ligne

Tester la différence entre les éléments
block
et les éléments en ligne

🎜> L'effet est le suivant :

Dans l'exemple ci-dessus,
par lui-même, et ne se casse pas. Ce n'est le cas que sans rendu CSS. De même, nous pouvons également définir p comme un élément en ligne et span comme un élément de bloc via CSS. Cependant, nous ne pouvons pas les convertir arbitrairement en HTML. . Les éléments de bloc peuvent contenir des éléments en ligne ou certains éléments de bloc (l'exemple ci-dessus est en fait une mauvaise utilisation ---> J'ai mis
dans
à l'intérieur),
mais les éléments en ligne ne peuvent pas contenir d'éléments de bloc, il ne peut contenir que d'autres éléments en ligne , regardez à nouveau ceci :
<h2>我喜欢在<a href="#" >经典论坛</a>讨论Web标准的原因。</h2>
Copier après la connexion

Où est un élément en ligne. Il n'y a aucune erreur dans
, y compris . ;p> contient , mais c'est faux si c'est comme ça, car les éléments en ligne ne doivent pas contenir d'éléments de bloc :

<a href="#"> <h2>这样是错误的用法！</h2></a>
Copier après la connexion

Il existe également des cas où certains éléments de bloc ne peuvent pas contenir d'autres éléments de bloc. Par exemple :
<p>测试文字 <ul> <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li> </ul> 测试文字 </p>
Copier après la connexion

Et ça va.
<ul> <li><p>这样是可以的</p></li> </ul>
Copier après la connexion

Pourquoi ? Parce que la DTD que nous utilisons stipule que les éléments de niveau bloc ne peuvent pas être placés à l'intérieur de
, et certains navigateurs tolèrent cette écriture :

<p>这是一个段落的开始 <p>这是另一个段落的开始
Copier après la connexion

当一个
签还没结束时，遇到下一个块元素就会把自己结束掉，其实浏览器是把它们处理成这样：
<p>这是一个段落的开始</p> <p>这是另一个段落的开始</p>
Copier après la connexion

所以刚才那样的写法会变成这样：
<p>测试文字</p> <ul> <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li> </ul> 测试文字<p></p>
Copier après la connexion

这也是跟刚才说第一个例子中
里面放
不合理是同一个道理。

以下为重点理解部分：

那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有<head>、、、