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

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

迷茫
Libérer: 2017-03-25 12:16:00
original
1702 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>

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

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

 
margin: 1em 0;
white-space: pre;
Copier après la connexion
(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 <p>.
 [Note] citation L'attribution doit être définie en dehors de la citation <cite>

【Style par défaut】<p>

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

Le <🎜 L'élément > permet à l'auteur d'ajouter le nom de son
margin: 1em  40px;
Copier après la connexion
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

<p> Lorsque vous représentez une adresse arbitraire qui n'a rien à voir avec les informations de contact, utilisez l'élément <address> au lieu de l'élément <article>. 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 <<a href="http://www.php.cn/wiki/1268.html" target=" _blank">time<code><body>>
). Habituellement, l'élément

peut être placé dans l'élément <p> de la section courante, s'il existe <p><address>[Style par défaut]<<a href="http://www.php.cn/wiki/1268.html" target="_blank">time</a>><address><footer>Autre

<p> en plus de l'introduction ci-dessus En plus des balises

,
font-style: italic;
Copier après la connexion
,

,

, <p> et <p>, il existe également des balises qui ont été introduites auparavant et qui appartiennent à balise au niveau du bloc <h>

<p> comprend les balises squelette (<html>, <body>), les balises de liste (<ul>, <ol>, <dl>, <dd>, <dt>), les balises de formulaire (form, <fieldset> , <output>, <legend>, <optgroup>, <option>), nouvelles balises structurelles en HTML5 (<article>, <aside>, <header>, <footer>, <nav>, <section>), nouvelles balises multimédia en HTML5 (<figure>, <figcaption>), nouvelles balises fonctionnelles en HTML5 (<summary>, <details>)

<h2>Enfin <p> Peut-être que quelqu'un Vous pensez peut-être que le <br> 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal