Maison > Article > interface Web > 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.
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 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.
à 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ù, 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>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>Et ça va.
<a href="#"> <h2>这样是错误的用法!</h2></a>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>
Ceci est le début d'un paragraphe
<ul> <li><p>这样是可以的</p></li> </ul>
C'est le début d'un autre paragraphe
Lorsqu'une balisen'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>
C'est la même chose comme raison pour laquelle il n'est pas raisonnable de mettre
<p>测试文字</p> <ul> <li>现阶段是不能这样用的,要等到XHTML 2.0才可以这样用。</li> </ul>Quels éléments de bloc ne peuvent pas être placés à l'intérieur de quels éléments de bloc ? Je sais que vous avez cette question, et je sais qu'il est difficile pour vous de vous en souvenir si je fais juste une liste. Nous pouvons d'abord diviser à nouveau tous les éléments de bloc en plusieurs niveaux. Nous savons déjà que se trouve dans la couche la plus externe et que le niveau suivant de ;frameset>,
Notes de compatibilité
Dans HTML 4.01, l'attribut align de l'élément p est obsolète dans la DTD stricte XHTML 1.0, l'attribut align de l'élément p ne l'est pas ; soutenu.Veuillez utiliser CSS à la place.
Syntaxe CSS :html Exemple de style CSS pour la balise P :
<p style="text-align:right">
1." text- "gauche", "texte-droite", "texte-centre" attributs contrôle position du contenu de l'étiquette 2.“ text-lowercase ”、“ text-uppercase ”、“ text-capitalize ”属性控制 标签英文内容的大小写 3.字体:“text-muted ”、“text-info ”、“text-success ”、“text-warning ”、“text-primary ”、“text-danger ”等属性,对不同情况下的内容进行不同颜色的标注 4.背景:“bg-muted ”、“bg-info ”、“bg-success ”、“bg-warning ”、“bg-primary ”、“bg-danger ”等属性,对不同情况下的内容进行不同颜色背景的标注 点击这里查看p标签的基础学习文章:html 标签是什么元素?关于html p标签的定义和作用详解 【小编的相关推荐】 <p class="text-left">在左</p>
<p class="text-right">在右</p>
<p class="text-center">居中</p>
<p class="text-lowercase">hahahahhahahaha都小写</p>
<p class="text-uppercase">hahahahhahahaha都大写</p>
<p class="text-capitalize">hahahahhahahaha首字母大写</p>
<p class="text-muted">text-muted</p>
<p class="text-info">text-info</p>
<p class="text-success">text-success</p>
<p class="text-warning">text-warning</p>
<p class="text-primary">text-primary</p>
<p class="text-danger">text-danger</p>
<p class="bg-muted">bg-muted</p>
<p class="bg-info">bg-info</p>
<p class="bg-success">bg-success</p>
<p class="bg-warning">bg-warning</p>
<p class="bg-primary">bg-primary</p>
<p class="bg-danger">bg-danger</p>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!