Maison  >  Article  >  interface Web  >  Explication détaillée des éléments HTML au niveau du bloc

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

迷茫
迷茫original
2017-03-25 12:16:001684parcourir

Mots précédents

  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

h

  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

diminue progressivement en importance de

à 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

1. N'utilisez pas de titres de bas niveau pour réduire la taille de la police du titre, mais utilisez le style de taille de police CSS

2. Évitez de sauter un certain niveau de titres : commencez toujours par

, puis utilisez 4a249f0d628e2318394fd9b75b4636b1 et ainsi de suite c1a436a314ed609750bd7c7d319db4da

  3. Lorsque vous utilisez l'élément

, 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 c1a436a314ed609750bd7c7d319db4da2f8332c8dcfd5c7dec030a070bf652c3c1a436a314ed609750bd7c7d319db4da pour chaque section [par défaut] Style】

HTML5 a ajouté la balise
//从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

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

(paragraphe) représente un paragraphe de texte. Cet élément apparaît généralement comme un bloc entier de texte séparé du texte adjacent, soit séparé par un espace blanc vertical, soit mis en retrait par. la première ligne. L'élément

e388a4556c0f65e1904146cc1a846bee[Style par défaut]

p
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) 23c3de37f2f9ebcb477c4a90aac6fffdc787b9a589a3ece771e842a6176cf8e9hr

  

les éléments représentent des sujets entre les éléments de niveau paragraphe Transition (par exemple, un changement de décor dans une histoire, ou un changement de thème d'un chapitre). Dans les versions antérieures de HTML, il s'agissait d'une ligne horizontale, mais maintenant elle est toujours représentée comme une ligne horizontale dans le navigateur visuel

. f32b48428a809b51f04d3228cdf461fa

est utilisé pour la segmentation entre les éléments au niveau du paragraphe, pas au niveau des performances. Il n'est pas nécessaire d'utiliser

pour segmenter entre les blocs f32b48428a809b51f04d3228cdf461faf32b48428a809b51f04d3228cdf461fa

[Style par défaut] <. l>
<p>段落1</p>
<hr>
<p>段落2</p>

pre

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

représente le texte pré-formaté. Le texte de cet élément est généralement disposé dans une police à largeur fixe selon le format du fichier d'origine affiché. 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 les peintures de caractères, etc.

e03b848252eb9375d56be284e690e873[Style par défaut]

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

 
margin: 1em 0;
white-space: pre;
(ou élément

quote

au niveau du bloc HTML), 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

. b8a712a75cab9a5aded02f74998372b4 [Note] citation L'attribution doit être définie en dehors de la citation f3a85e1241a187c5ac462d886e9a968b

【Style par défaut】

<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

ancêtre fournit les informations de contact. Dans ce dernier cas, cela s'applique à l'ensemble du document

 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

peut être placé dans l'élément

de la section courante, s'il existe e388a4556c0f65e1904146cc1a846bee208700f394e4cf40a7aa505373e0130b[Style par défaut]865ebc4a8f40017839ddd62af936776f208700f394e4cf40a7aa505373e0130bc37f8231a37e88427e62669260f0074dAutre

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)

Enfin

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn