Comment choisir les bonnes balises HTML

Vous rencontrerez un problème lors de la mise en page de DIVCSS, c'est comment choisir la mise en page balise HTML , mais c'est très simple pour les CSSers non novices, mais c'est très simple pour ceux qui viennent de appris ou vient de commencer la production CSS. Un problème invisible. Nous allons donc aujourd’hui résumer quelles étiquettes utiliser dans quelles circonstances.

Nous rencontrons toujours divers problèmes lors de la mise en page, nous présentons donc ici brièvement comment choisir les balises HTML :

1. Disposition des cadres (à l'aide de balises DIV)

Dans les pages Web. , la disposition des cadres utilise généralement la disposition DIV et les boîtes DIV, quelle que soit leur taille, utilisent 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 ; lorsque vous rencontrez du texte Vous pouvez utiliser la balise b ou la balise forte pour mettre en gras, utiliser la balise u lorsque vous rencontrez des soulignements, utiliser la balise s lorsque vous rencontrez du texte à travers des lignes ( supprimer lignes), etc. Parfois, CSS n'est pas nécessairement utilisé pour implémenter ces mises en page fonctionnelles. L'utilisation appropriée de ces balises HTML est meilleure du point de vue du référencement.

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. La balise box est une balise indépendante. Utilisez la balise br partout où des sauts de ligne sont nécessaires.

8. Type de table (balise table table)

Dans Mise en page HTML, apprendre le CSS DIV ne signifie pas abandonner la balise table. Parfois, la balise table est toujours nécessaire.Par exemple, si vous rencontrez une disposition de table, vous avez toujours besoin de la disposition de balise table tr td. Pour le moment, il est préférable d'utiliser la disposition de table 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.

Je pense que tout le monde l'a compris grâce à notre introduction. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! .

Lecture connexe :

Quelle est la relation entre la couche flottante div et la couche div par défaut

Comment savoir ce que CSS le style d'attribut est défini pour DIV ?

Comment savoir si le navigateur prend en charge html5

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!