html Comment utiliser les balises HTML

Comment choisir les balises HTML à utiliser ? Quand choisir quelle étiquette ? Comment choisir les balises HTML dans la mise en page Web ?

Vous découvrirez comment choisir la disposition des balises HTML lors de la mise en page, mais c'est très simple pour les CSSers non novices, mais c'est un problème invisible pour ceux qui viennent d'apprendre ou de commencer à créer du CSS.

Voici une brève introduction sur la façon de sélectionner les balises HTML dans la mise en page DIV+CSS :

1 La mise en page du cadre (à l'aide des balises DIV)

La mise en page du cadre est généralement utilisée dans. La disposition DIV des pages Web, quelle que soit la taille des boîtes DIV, utilise généralement la disposition des balises DIV (

2. Mise en page de la liste (à l'aide de la balise ul li)

Lorsque vous rencontrez des listes d'images et des listes de titres d'articles, les balises de liste ul li sont généralement utilisées pour la mise en page. Bien entendu, la configuration lors de l'utilisation de ces balises nécessite des styles CSS pour obtenir des effets de mise en page. Cela permet au programme de créer plus facilement du contenu en boucle lors de l'appel de données.

3. Disposition du titre (en utilisant les balises h1, h2, h3, h4)

Lorsque vous rencontrez des titres de colonnes indépendants et des balises de texte, utilisez généralement les balises de titre h1, h2, h3, h4. donne au contenu un sentiment de hiérarchie. Dans le même temps, compte tenu du référencement, une utilisation appropriée de ces balises de titre contribuera à optimiser les classements.

4. Style indépendant du contenu (en utilisant span)

Dans un paragraphe de texte, plusieurs textes doivent être définis avec une valeur de couleur distincte. À ce stade, vous pouvez ajouter du span. balises à ces textes. Définissez une classe distincte ou un style CSS direct pour la balise span pour obtenir l'effet. De manière générale, span est rarement utilisé dans les cadres de mise en page.

5. Disposition fonctionnelle (balises img, b, strong, u, s, etc.)

Utilisez la balise Img lorsque vous rencontrez des images attrayantes sur la page Web ; texte en gras ou balise forte, utilisez la balise u lorsque vous rencontrez un soulignement, utilisez la balise s lorsque vous rencontrez du texte à travers une ligne (barré), etc. Parfois, CSS n'est pas nécessairement utilisé pour implémenter ces mises en page fonctionnelles. Une sélection appropriée de ces balises HTML est préférable pour le référencement. aspect.

6. Paragraphe (balise p)

Généralement, les paragraphes dans les articles utilisent des balises p, c'est-à-dire utilisez

fin, pour que l'article Les paragraphes soient clairs.

7. Forcer manuellement la disposition des sauts de ligne (balise br)

Si vous rencontrez du texte qui doit être renvoyé à la ligne, utilisez la balise br, c'est-à-dire "
". Il convient de noter que la balise br est une balise distincte et non. L'étiquette de la boîte est une étiquette indépendante. Utilisez l'étiquette br partout où des sauts de ligne sont nécessaires.

8. Type de table (balise table table)

Dans la mise en page HTML, apprendre le CSS DIV ne signifie pas abandonner la balise table. Cela nécessite parfois encore la balise table, comme lors de la rencontre de table. type Pour la mise en page, la mise en page de la balise tr td du tableau est toujours nécessaire. À l'heure actuelle, il est préférable d'utiliser la mise en page du tableau plutôt que la balise div.

9. Mise en page du formulaire (formulaire, saisie, etc.)

Lorsque vous rencontrez la mise en page d'un formulaire, telle que l'inscription, la connexion, le remplissage de données et la soumission de lieux, etc., tous utilisent des balises de formulaire.

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!