Explication détaillée des éléments HTML au niveau du bloc-tutoriel HTML-php.cn

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

迷茫

Libérer： 2017-03-25 12:16:00

original

1679 Les gens l'ont consulté

<h2>Mots précédents <p> 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

<p> L'élément Heading a six niveaux différents, est le niveau le plus élevé, tandis que <h1> est le plus bas. Un élément de titre qui décrit brièvement le sujet de la section <h6>

diminue progressivement en importance de <p> à <h1> et la taille de la police diminue également. Petit. Lorsque vous utilisez des éléments de titre, veuillez faire attention aux points suivants <h6>

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 <p>

2. Évitez de sauter un certain niveau de titres : commencez toujours par <p>, puis utilisez <h1> et ainsi de suite <h2>

3. Lorsque vous utilisez l'élément <p>, par souci de commodité, évitez duplication sur une page Lors de l'utilisation de <section>, <h1> doit être utilisé pour représenter le titre de la page Lors de l'utilisation de <h1>, les autres titres doivent utiliser un <h2><section><h2> pour chaque section [par défaut] Style】

<p>

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;

Copier après la connexion

, 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 <p>. L'élément <hgroup>

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

Copier après la connexion

(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 <p><p>[Style par défaut]

<p>

margin: 16px 0;
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

Copier après la connexion

(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 <p> ou <p>) <article><nav>hr

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 <p>. <hr>

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 <p> pour segmenter entre les blocs <hr><hr>

[Style par défaut] <. L'élément 🎜>

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

Copier après la connexion

<p>pre

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

Copier après la connexion

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.

<p>

</code>[Style par défaut]</p>< 🎜 Élément ><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;"><pre class="brush:php;toolbar:false">
body {
  color:red;
}
Copier après la connexion