Maison > interface Web > tutoriel HTML > Introduction aux balises XHTML courantes_HTML/Xhtml_Production de pages Web

Introduction aux balises XHTML courantes_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:44:15
original
1101 Les gens l'ont consulté

Depuis un certain temps, j'ai constaté que beaucoup de gens ne savent pas utiliser XHTML. Non seulement les débutants ordinaires, mais aussi certains programmeurs ne savent pas comment écrire ce XHTML. Je vais dresser ici une liste de quelques problèmes d'application courants. En résumé, cela peut également être considéré comme un moyen pour chacun de nouer une entente tacite en matière de communication et de coopération.
Il existe de nombreuses balises en XHTML, mais il n'y en a que quelques-unes qui sont souvent utilisées, et il suffit de maîtriser ces quelques-unes. Listons-les un par un ci-dessous : div, p, span, ul, li, dl, dt, dd, a, img, h, strong, em
div Dans mon esprit, je pense toujours à cela comme à une bouteille ou à une boîte. Je trouve que c'est assez dur. Ce div n’a pas de signification spécifique et peut être utilisé dans de nombreux endroits, ce qui signifie qu’il peut contenir différentes choses. La bonne façon de l’écrire est
doit être scellé. Tout le monde l'utilise à des fins de mise en page, et elle sert également à stocker des articles pour former des paragraphes. En fait, cette méthode n'est pas très bonne, car il existe naturellement une balise spécifique à utiliser comme paragraphe pour un article. C'est la balise

dont je parlerai ci-dessous, mais utilisez DIV pour envelopper tous les paragraphes dans leur ensemble. C'est très pratique.
p Il s'agit d'une balise avec une sémantique spécifique, indiquant un paragraphe, et utilisée pour distinguer les paragraphes. Dans la plupart des navigateurs, il existe essentiellement une marge supérieure et inférieure pour P. Mais il n’y a pas d’indentation au début de la ligne, car l’indentation au début de la ligne n’est qu’une manière d’exprimer le paragraphe mais elle n’est ni certaine ni nécessaire. Par conséquent, lorsque vous utilisez la balise P, si nécessaire, vous pouvez définir le début de l'indentation de ligne pour P. Je recommande de ne pas utiliser P en dehors de l'article, car P a une certaine sémantique et il peut ne pas être approprié s'il est utilisé à d'autres endroits. La bonne façon de l’écrire est


span C'est également une balise très couramment utilisée. Cette balise peut être considérée comme très similaire à un div. Elle n'a pas de signification spécifique, sauf qu'il s'agit d'un élément en cascade, pas d'un élément de niveau bloc. Je l'ai toujours considéré comme un sac. Il n'a pas sa propre largeur et hauteur comme une boîte. Sa largeur et sa hauteur ne peuvent dépendre que de la quantité de contenu, il ressemble donc beaucoup à un sac. Cette balise est exactement complémentaire de la div.
ul,li C'est une liste. Dans la liste, en plus de l'UL, il y a aussi l'OL, mais je pense que l'OL est un peu inutile. Parce que UL défini via CSS peut également avoir l'effet de tri numérique d'OL. Donc, en général, je ne recommande pas d’utiliser OL, tant que vous disposez d’UL. UL est au niveau du bloc et son enfant li est également une balise au niveau du bloc. La bonne façon de l'écrire est
La balise LI est enveloppée par la balise UL. Il peut y avoir d'innombrables balises LI dans la balise UL, et la balise LI ne peut pas être utilisée indépendamment. Et l'étiquette LI doit être scellée. Ce n'est pas seulement une question esthétique, mais aussi très bénéfique pour l'entretien ultérieur. De nombreux programmeurs n'aiment pas sceller ce LI. Le but de la liste UL est principalement de répertorier des données unidimensionnelles du même type. Des exemples spécifiques incluent ceux utilisés dans le menu, certaines réglementations répertoriées dans l'article, etc. Il existe un formulaire spécial dans la liste qui est différent de UL. C'est le DL ci-dessous
dl,dt,dd Il s'agit d'une combinaison très spéciale de trois balises. DT fait ici référence au titre et DD fait référence au contenu. DL est le conteneur qui les emballe. La bonne façon de l'écrire est
Il peut y avoir plusieurs groupes de DT et DD dans DL Lorsqu'il y a plusieurs groupes, essayez de faire correspondre un DT avec un seul. DD. Si DD contient beaucoup de contenu, vous pouvez ajouter la balise P à DD pour l'utiliser. La liste DL est un très bon format de liste et peut être davantage utilisée.
a Ceci représente un lien, qui a un attribut spécifique et est également la balise la plus magique de la page Web. Parce qu’il relie d’innombrables pages Web entre elles. La façon correcte de l'écrire est : où href représente l'adresse cible et TITLE est le texte d'invite du survol de la souris, qui est facultatif. Mais il doit y avoir plus d’avantages que rien.
img Il s'agit d'une balise d'image, et c'est aussi une balise avec des attributs spécifiques. La méthode d'écriture normale est la suivante : où src est l'adresse cible, ALT et TITLE sont du texte de remplacement, ALT est spécifique à IE et TITLE est commun aux autres navigateurs. Mais rappelez-vous qu'il doit y avoir une barre oblique inverse à la fin.
H Il s'agit d'une série de balises, de H1 à H6, six au total. Certaines personnes disent qu'il y en a trop peu, d'autres disent qu'elles sont juste assez et d'autres disent qu'elles ne peuvent pas en utiliser autant. Quoi qu'il en soit, je pense que c'est à peu près la même chose. La bonne façon de l'écrire est : est principalement utilisé pour stocker des titres. Certains amis l'utilisent également à d'autres fins. Personnellement, je pense que cette balise devrait la rendre plus paisible et la laisser servir de titre. Il est préférable de ne rien inclure entre ces six balises.
strong Cela signifie l'accentuation, qui a une signification sémantique et sa fonction est très simple. En ce qui concerne les exemples de travail, vous avez le choix de mettre en gras et de souligner ou d'utiliser la couleur pour exprimer l'accent. La bonne façon de l’écrire est
em est très similaire à fort et signifie emphase. La valeur par défaut des navigateurs généraux est en italique. Utilisez la même méthode que forte. L'écriture est :
Je ne parle pas de la forme ici, car la forme n’a fondamentalement pas beaucoup changé et il n’y a rien de spécial à dire.
É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