Maison >interface Web >tutoriel HTML >Explication détaillée des éléments HTML au niveau du bloc
Avant l'émergence de HTML5, les gens en général Les éléments sont divisés en éléments de niveau bloc, en ligne et en ligne. Cet article présentera en détail les éléments HTML de niveau bloc
L'élément Heading a six niveaux différents, est le niveau le plus élevé, tandis que 4a249f0d628e2318394fd9b75b4636b1
est le plus bas. Un élément de titre qui décrit brièvement le sujet de la section 4e9ee319e0fa4abc21ff286eeb145ecc
à 4a249f0d628e2318394fd9b75b4636b1
et la taille de la police diminue également. Petit. Lorsque vous utilisez des éléments de titre, veuillez faire attention aux points suivants 4e9ee319e0fa4abc21ff286eeb145ecc
, puis utilisez 4a249f0d628e2318394fd9b75b4636b1
et ainsi de suite c1a436a314ed609750bd7c7d319db4da
, par souci de commodité, évitez duplication sur une page Lors de l'utilisation de 2f8332c8dcfd5c7dec030a070bf652c3
, 4a249f0d628e2318394fd9b75b4636b1
doit être utilisé pour représenter le titre de la page Lors de l'utilisation de 4a249f0d628e2318394fd9b75b4636b1
, les autres titres doivent utiliser un c1a436a314ed609750bd7c7d319db4da
2f8332c8dcfd5c7dec030a070bf652c3
c1a436a314ed609750bd7c7d319db4da
pour chaque section [par défaut] Style】
//从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;, qui représente un groupe de titres et est utilisée pour combiner des titres. Elle n'est utilisée que lorsqu'un bloc doit avoir plusieurs niveaux de titres
. L'élément d8eccd9ed644b68a6460a2bb84548c82
<hgroup> <h1>水果</h1> <h2>苹果</h2> </hgroup>
e388a4556c0f65e1904146cc1a846bee
[Style par défaut]
margin: 16px 0; <p>段落1</p> <p>段落2</p> <p>段落3</p>(pide) (ou élément de partition de document HTML) est un conteneur de contenu de flux général. . Il 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 des attributs class ou id) ou pour regrouper un ensemble d'éléments ayant les mêmes caractéristiques (comme la langue), il ne doit être utilisé que lorsqu'aucun autre élément sémantique n'est disponible (tels que
ou e388a4556c0f65e1904146cc1a846bee
) 23c3de37f2f9ebcb477c4a90aac6fffd
c787b9a589a3ece771e842a6176cf8e9
hr
. f32b48428a809b51f04d3228cdf461fa
pour segmenter entre les blocs f32b48428a809b51f04d3228cdf461fa
f32b48428a809b51f04d3228cdf461fa
<p>段落1</p> <hr> <p>段落2</p>
pre
margin: 8px 0; border-style: inset; border-width: 1px;
e03b848252eb9375d56be284e690e873
[Style par défaut]
<pre class="brush:php;toolbar:false"> body { color:red; }blockquote
margin: 1em 0; white-space: pre;(ou élément
. b8a712a75cab9a5aded02f74998372b4
[Note] citation L'attribution doit être définie en dehors de la citation f3a85e1241a187c5ac462d886e9a968b
<blockquote cite="http://baike.baidu.com/view/921793.htm"> <p>横眉冷对千夫指,俯首甘为孺子牛</p> </blockquote> <p>鲁迅</p>adresse Le permet à l'auteur d'ajouter le nom de son
margin: 1em 40px;le plus proche. Ou l'élément
Lorsque vous représentez une adresse arbitraire qui n'a rien à voir avec les informations de contact, utilisez l'élément 208700f394e4cf40a7aa505373e0130b
au lieu de l'élément 23c3de37f2f9ebcb477c4a90aac6fffd
. Cet élément ne peut contenir aucune information autre que les informations de contact, telles que la date de publication (celle-ci doit être incluse dans 442575877f40b842403c5eaf32592eef
>). Habituellement, l'élément
de la section courante, s'il existe e388a4556c0f65e1904146cc1a846bee
208700f394e4cf40a7aa505373e0130b
[Style par défaut]865ebc4a8f40017839ddd62af936776f
208700f394e4cf40a7aa505373e0130b
c37f8231a37e88427e62669260f0074d
Autre
en plus de l'introduction ci-dessus En plus des balises
,font-style: italic;,
et e388a4556c0f65e1904146cc1a846bee
, il existe également des balises qui ont été introduites auparavant et qui appartiennent à balise au niveau du bloc c8b28895262a62371d18ac056c4442e2
comprend les balises squelette (100db36a723c770d327fc0aef2ce13b1
, 6c04bd5ca3fcae76e30b72ad730ca86d
), les balises de liste (ff6d136ddc5fdfeffaf53ff6ee95f185
, c34106e0b4e09414b63b2ea253ff83d6
, 5c69336ffbc20d23018e48b396cdd57a
, 67bc4f89d416b0b8236eaa5f43dee742
, 73de882deff7a050a357292d0a1fca94
), les balises de formulaire (form
, 2b5469ab79cf842344327415c3b3bb95
, be6d67dae90cc1ad6469079e163d0939
, e911751791aa3ba95dc724e2fb905976
, 5b7a15bed8615d1b843806256bebea72
, 5a07473c87748fb1bf73f23d45547ab8
), nouvelles balises structurelles en HTML5 (23c3de37f2f9ebcb477c4a90aac6fffd
, 15221ee8cba27fc1d7a26c47a001eb9b
, 1aa9e5d373740b65a0cc8f0a02150c53
, c37f8231a37e88427e62669260f0074d
, c787b9a589a3ece771e842a6176cf8e9
, 2f8332c8dcfd5c7dec030a070bf652c3
), nouvelles balises multimédia en HTML5 (24203f2f45e6606542ba09fd2181843a
, 614eb9dc63b3fb809437a716aa228d24
), nouvelles balises fonctionnelles en HTML5 (631fb227578dfffda61e1fa4d04b7d25
, a5e9d42b316b6d06c62de0deffc36939
)
Peut-être que quelqu'un Vous pensez peut-être que le 0c6dc11e160d3b678d68754cc175188a
La balise doit être un élément de niveau bloc, car elle comporte des sauts de ligne et est très similaire aux caractéristiques des éléments de niveau bloc. Mais il s'agit en réalité d'un élément en ligne dont le but est de produire un saut de ligne dans le texte
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!