Description détaillée des éléments HTML au niveau du bloc

Mots précédents

  Avant l'émergence du HTML5, les gens divisaient généralement les éléments en éléments de bloc au niveau bloc, en ligne et en ligne. Cet article présentera en détail les éléments HTML au niveau du bloc

h

  L'élément titre (Heading) a six niveaux différents, 4a249f0d628e2318394fd9b75b4636b1 est le niveau le plus élevé et 4e9ee319e0fa4abc21ff286eeb145ecc est le niveau le plus bas. Un élément de titre qui décrit brièvement le sujet de la section

  De 4a249f0d628e2318394fd9b75b4636b1 à 4e9ee319e0fa4abc21ff286eeb145ecc, l'importance diminue progressivement et la taille de la police diminue également. Lorsque vous utilisez des éléments de titre, faites attention aux points suivants

1. N'utilisez pas de titres de bas niveau afin de réduire la police du titre, utilisez plutôt le style font-size de CSS.

2. Évitez de sauter un certain niveau de titres : commencez toujours par 4a249f0d628e2318394fd9b75b4636b1, puis utilisez c1a436a314ed609750bd7c7d319db4da et ainsi de suite

3. Lorsque vous utilisez l'élément 2f8332c8dcfd5c7dec030a070bf652c3, évitez les duplications pour par souci de commodité Lorsque vous utilisez 4a249f0d628e2318394fd9b75b4636b1 sur une page, 4a249f0d628e2318394fd9b75b4636b1 doit être utilisé pour indiquer le titre de la page, et les autres titres doivent commencer par c1a436a314ed609750bd7c7d319db4da. Lors de l'utilisation de 2f8332c8dcfd5c7dec030a070bf652c3, chaque section doit utiliser une balise c1a436a314ed609750bd7c7d319db4da

【Style par défaut】

//从h1到h6
margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;
font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;
font-weight: bold;

 HTML5balise d8eccd9ed644b68a6460a2bb84548c82 nouvellement ajoutée, elle représente un groupe de titres, utilisé pour combiner des titres. Utilisez

<hgroup>
    <h1>水果</h1>
    <h2>苹果</h2>
</hgroup>

p

uniquement lorsque le bloc doit avoir plusieurs niveaux de titres (paragraphe) représente un paragraphe de texte. . Cet élément apparaît généralement sous la forme d'un bloc entier de texte séparé du texte adjacent, soit séparé par un espace blanc vertical, soit mis en retrait avec la première ligne e388a4556c0f65e1904146cc1a846bee

[Style par défaut]

margin: 16px 0;

<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

. L'élément

p

 

(pide) (ou e388a4556c0f65e1904146cc1a846beedocument HTML élément de partition) est un conteneur de contenu de flux à usage général, qui ne représente sémantiquement aucun type de contenu spécifique. , il peut être utilisé pour regrouper d'autres éléments, généralement pour des besoins liés au style (en utilisant l'attribut class ou id) ou pour regrouper un ensemble d'éléments avec le même attribut ( tel que lang), il ne doit être utilisé que lorsqu'aucun autre élément sémantique n'est disponible (tel que ou )23c3de37f2f9ebcb477c4a90aac6fffd Le c787b9a589a3ece771e842a6176cf8e9

hr

  

représente une transition thématique entre des éléments au niveau du paragraphe (par exemple, un changement de scène dans une histoire ou un changement dans le thème d'un chapitre). Dans les premières versions de HTML, il s'agissait d'une ligne horizontale. Il peut toujours être représenté comme une ligne horizontale dans le navigateur visuel, mais il est actuellement défini comme un niveau sémantique plutôt que de présentation

Pas besoin d'utiliser

pour le fractionnement f32b48428a809b51f04d3228cdf461fa

【. Style par défaut】f32b48428a809b51f04d3228cdf461faf32b48428a809b51f04d3228cdf461fa

Formater le texte. Le texte de cet élément est généralement affiché dans une police à largeur fixe selon le format du fichier d'origine. Les caractères d'espacement (tels que les espaces et les sauts de ligne) dans le texte seront affichés, indiquant généralement le contenu de composition, tel que les blocs de code et Peinture de personnages, etc.

<p>段落1</p>
<hr>
<p>段落2</p>

【Style par défaut】

margin: 8px 0;
border-style: inset;
border-width: 1px;

blockquote

e03b848252eb9375d56be284e690e873 

élément (ou niveau de bloc HTML

<pre class="brush:php;toolbar:false">
body {
  color:red;
}

Citation

élément), ce qui signifie que le texte qu'il contient est un contenu cité. Habituellement lors du rendu, le contenu de cette partie sera mis en retrait dans une certaine mesure. Si la citation provient d'Internet, vous pouvez définir l'adresse URL source du contenu original sur l'attribut cite. Si vous souhaitez informer les lecteurs de la source de la citation sous forme de texte, vous pouvez utiliser l'élément

.

margin: 1em 0;
white-space: pre;

 [Note] citation La signature doit être définie en dehors de la citation

【Style par défaut】

b8a712a75cab9a5aded02f74998372b4 f3a85e1241a187c5ac462d886e9a968badresse

L'élément

permet à l'auteur de Son élément ancêtre

<blockquote cite="http://baike.baidu.com/view/921793.htm">
　　<p>横眉冷对千夫指,俯首甘为孺子牛</p>
</blockquote>    
<p>鲁迅</p>

ou

le plus proche fournit des informations de contact. Dans ce dernier cas, cela s'applique à l'ensemble du document

  当表示一个和联系信息无关的任意的地址时，使用e388a4556c0f65e1904146cc1a846bee元素而不是208700f394e4cf40a7aa505373e0130b元素。这个元素不能包含除了联系信息之外的任何信息，比如出版日期(这应该包含在865ebc4a8f40017839ddd62af936776f元素中)。通常，208700f394e4cf40a7aa505373e0130b元素可以放在当前section的c37f8231a37e88427e62669260f0074d元素中，如果存在的话

【默认样式】

font-style: italic;

 

其他

  除了上面介绍的e388a4556c0f65e1904146cc1a846bee、c8b28895262a62371d18ac056c4442e2、e388a4556c0f65e1904146cc1a846bee、f32b48428a809b51f04d3228cdf461fa、b8a712a75cab9a5aded02f74998372b4、208700f394e4cf40a7aa505373e0130b标签外，还有一些前面已经介绍过的标签属于块级标签

  包括骨架类标签(100db36a723c770d327fc0aef2ce13b1、6c04bd5ca3fcae76e30b72ad730ca86d)，列表类标签(ff6d136ddc5fdfeffaf53ff6ee95f185、c34106e0b4e09414b63b2ea253ff83d6、def3eed00a09ea710a4bfa4b7fe74771、67bc4f89d416b0b8236eaa5f43dee742、73de882deff7a050a357292d0a1fca94)，表单类标签(<a href="http://www.php.cn/wiki/125.html" target="_blank">for</a>m、2b5469ab79cf842344327415c3b3bb95、be6d67dae90cc1ad6469079e163d0939、e911751791aa3ba95dc724e2fb905976、5b7a15bed8615d1b843806256bebea72、5a07473c87748fb1bf73f23d45547ab8)，HTML5新增的结构标签(23c3de37f2f9ebcb477c4a90aac6fffd、15221ee8cba27fc1d7a26c47a001eb9b、1aa9e5d373740b65a0cc8f0a02150c53、c37f8231a37e88427e62669260f0074d、c787b9a589a3ece771e842a6176cf8e9、2f8332c8dcfd5c7dec030a070bf652c3)，HTML5新增的多媒体标签(24203f2f45e6606542ba09fd2181843a、614eb9dc63b3fb809437a716aa228d24)，HTML5新增的功能性标签(631fb227578dfffda61e1fa4d04b7d25、a5e9d42b316b6d06c62de0deffc36939)

 

最后

  可能有人会觉得0c6dc11e160d3b678d68754cc175188a标签应该是一个块级元素，因为它有换行，与块级元素的特征很相似。但它实际上是一个内联元素，它的用途是在文本中产生一个换行

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!