Maison > interface Web > tutoriel HTML > Explication détaillée de l'utilisation des balises de titre et des balises de paragraphe dans la production de pages XHTML_HTML/Xhtml_Web

Explication détaillée de l'utilisation des balises de titre et des balises de paragraphe dans la production de pages XHTML_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:36:13
original
2451 Les gens l'ont consulté

Aperçu des titres XHTML
Lorsque nous écrivons des documents Word, nous utilisons souvent des titres, tels que « Chapitre 1 », « 1.2.1 », etc. Il existe également la notion de titre dans la syntaxe XHTML. Six niveaux de titres sont définis en XHTML, de

à


Code XML/HTML
Copier le contenu dans le presse-papiers
  1. <h1>Titre du premier niveau h1>
  2. <h2>Titre de deuxième niveau h2>
  3. <h3>Titre de troisième niveau h3>
  4. <h4>Titre du quatrième niveau h4>
  5. <h5>Titre du cinquième niveau h5>
  6. <h6>Titre du sixième niveau h6>
L'utilisation de titres

Dans les documents XHTML, les titres sont très importants. Les moteurs de recherche utilisent des titres pour indexer la structure et le contenu de vos pages Web. Nous devons savoir utiliser les titres pour identifier nos pages Web. hiérarchie des documents.
Parmi les titres, les titres de premier niveau sont les plus élevés, puis descendent par ordre décroissant. De manière générale, dans les documents XHTML, le titre s'applique aux endroits suivants du document (au sein de la balise ) :
Selon le niveau du site :

Définir le titre du site

Définir le titre de l'article
En fonction du contenu du site :

Définir le titre du site

Définir le titre de l'article
< h3>Définir les titres de colonnes
Pour les titres h4 à h6 plus grands que h3, vous pouvez les choisir aux endroits appropriés, tels que les déclarations de droits d'auteur ou les avis de non-responsabilité et d'autres endroits relativement importants.
Veuillez également noter que les niveaux doivent être décroissants. Le niveau en dessous de h1 doit être h2, puis h3...

Quelques suggestions d'utilisation des titres
Étant donné que h1 représente le contenu principal de la page entière, en général, h1 ne peut apparaître qu'une seule fois (ce n'est pas absolument le cas, mais il doit n'apparaît pas plusieurs fois) et utilisé dans la partie la plus importante de l'article. Par conséquent, si pour une page de contenu spécifique, h1 est souvent utilisé dans le titre de l'article pour souligner l'importance de l'article, comme ce site :

Code XML/HTML
Copier le contenu dans le presse-papiers
  1. <h1>Titre XHTML<h1> 
La question de savoir si h1 sera utilisé dans le titre du site Web (logo du site Web) à ce moment dépendra de la situation réelle.
Pratique d'utilisation du titre

Ouvrez notre fichier 1.html du document d'apprentissage avec un éditeur, copiez les balises

ci-dessus dans la balise


Code XML/HTML

Copier le contenu dans le presse-papiers
  1. <corps>
  2. <h1>Titre de premier niveau h1>
  3. <h2>Titre de deuxième niveau h2>
  4. <h3>Titre de troisième niveau h3>
  5. <h4>Titre du quatrième niveau h4>
  6. <h5>Titre du cinquième niveau h5>
  7. <h6>Titre du sixième niveau h6>
  8. <p>salut~Bonjour ! p>
  9. corps>

Enregistrez et ouvrez le fichier 1.html avec un navigateur (s'il est déjà ouvert, cliquez sur le bouton d'actualisation du navigateur pour recharger le document, le même ci-dessous, sans autre description), vous pouvez visualiser l'effet de la balise de titre comme suit :
201636113918682.gif (396×290)

Comme vous pouvez le voir sur l'exemple, le navigateur formera automatiquement un saut de ligne pour un titre (chaque titre a sa propre ligne).

Bale paragraphe p
En XHTML, les paragraphes sont définis via la balise


Paragraphe XHTML
Exemple de balise de paragraphe :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <p>Ceci est un paragraphe. p>

Dans le travail de production réel, nous utilisons largement les balises de paragraphe


Après avoir ajouté une balise de paragraphe au texte, le navigateur ajoutera automatiquement un saut de paragraphe au texte. Mais au lieu de compter sur le

vide pour former une ligne vide, nous devrions utiliser la balise de saut de ligne
.


Saut de ligne

Dans les documents XHTML, la balise de titre ou de paragraphe fournit uniquement une marque de saut de ligne. Si nous avons besoin d'une ligne vide ou de plusieurs sauts de ligne, nous le faisons. besoin d'une balise Newline
En XHTML, appuyer sur la touche Entrée pour couper une nouvelle ligne lors de l'édition de Word n'est pas valide et le navigateur ignorera le nouvel espace de ligne généré de cette manière.
Exemple :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <p>Voici quelques contenusp> 
  2. <br />< br />
  3. <p>Ceci est un autre contenup> 

Étant donné que la balise de saut de ligne informe uniquement le navigateur qu'un saut de ligne est nécessaire à cet endroit sans aucun contenu substantiel, cette balise n'apparaît pas par paires et un
ne coupe la ligne qu'une seule fois. des sauts de ligne sont nécessaires, veuillez saisir plusieurs balises

Si la balise
est insérée dans

, elle produira également un effet de saut de ligne.



ou
?
Bien que nous puissions toujours réaliser des sauts de ligne en utilisant
, c'est le résultat de la conformité du navigateur avec la spécification HTML4.0.
Dans la spécification XHTML, pour les balises qui ne sont pas appariées, il vous suffit d'ajouter un espace après la fin du contenu, puis d'utiliser /> pour fermer la balise, par exemple
;img sera discuté plus tard /> et autres balises.
Donc
au lieu de

É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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal