Pourquoi les balises HTML P ne peuvent-elles pas imbriquer les div ? Il existe également des exemples de styles CSS pour les balises HTML P.-tutoriel HTML-php.cn

Cet article présente la version avancée de la balise html p Ceux qui n'ont pas vu la version de base de l'article précédent peuvent cliquer sur le lien ci-dessous. Il y a deux points de connaissances importants sur les balises. L'un est de savoir comment utiliser les styles CSS pour contrôler l'utilisation spécifique des balises P. Il existe des exemples pour chacun d'eux. L'autre est la raison pour laquelle les balises HTML P ne peuvent pas être intégrées. Pour une explication détaillée de l'ensemble des divs, j'espère que vous lirez attentivement la

définition de la balise html P et les instructions d'utilisation :

paragraphe. L'élément

crée automatiquement un espace blanc avant et après. Le navigateur ajoute ces espaces automatiquement ou vous pouvez les spécifier dans votre feuille de style.

Attributs html de la balise P :

Pourquoi les balises HTML P ne peuvent-elles pas imbriquer les div ? Il existe également des exemples de styles CSS pour les balises HTML P.

Pourquoi les balises div ne peuvent-elles pas être imbriquées dans le Balise P en HTML ?

Étude approfondie :

Comprenons d'abord les éléments en ligne en ligne et les éléments de bloc en ligne, car presque tous les éléments HTML Tous les éléments sont soit des éléments en ligne, soit des éléments de bloc.

Le mot in-line a de nombreuses interprétations : inline, inline, inline, line level, etc. Cependant, ils signifient tous la même signification. Ici, nous choisissons le nom habituel - inline.

générera une nouvelle ligne par lui-même, tandis que ne s'enroulera pas. De même, nous pouvons également définir div comme élément en ligne via CSS et définir span comme élément de bloc. 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 des éléments en ligne. ne peut pas contenir d'éléments de bloc. Il ne peut contenir que d'autres éléments en ligne. Regardez à nouveau ceci :

où

est un élément de bloc et incorrect pour que

contienne . De même,

peut contenir

, et il est également correct que

suivant, c'est faux, car les éléments en ligne ne doivent pas contenir d'éléments de bloc :

    <p>测试一下块元素与<span>内联元素</span>的差别</p>
    <p>测试一下<div>块元素</div>与内联元素的差别</p>

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 :

<h2>我喜欢在<a href="http://www.php.cn/ " >php中文网</a>讨论Web标准的原因。</h2>

Copier après la connexion

Et ça va.

  <a href="#"> <h2>这样是错误的用法！</h2></a>

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 que certains navigateurs tolèrent cette écriture :

   <p>测试文字
    < ul>
        li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
    </ul>
       测试文字
    </p>

Copier après la connexion

Ceci est le début d'un paragraphe

   <ul>
         <li><p>这样是可以的</p></li>
    </ul>

Copier après la connexion

C'est le début d'un autre paragraphe

Lorsqu'une balise

n'est pas terminée, elle se terminera lorsqu'elle rencontrera l'élément de bloc suivant. En fait, le navigateur les traite ainsi. :

Donc la méthode d'écriture à l'instant deviendra comme ceci :

Texte de test

    <p>这是一个段落的开始</p>
    <p>这是另一个段落的开始</p>

Copier après la connexion

C'est la même chose comme raison pour laquelle il n'est pas raisonnable de mettre

à l'intérieur de

<p>测试文字</p>
    <ul>
         <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
    </ul>

Copier après la connexion