Attributs correspondants et utilisation des balises XHTML dans CSS_HTML/Xhtml_Webpage Production

Lorsque je suis entré en contact pour la première fois avec XHTML CSS pour concevoir des pages Web, j'avais peu d'expérience dans l'utilisation de balises et j'étais très décontracté. J'utilisais souvent tout ce qui me venait à l'esprit, pensant que tant que cela pouvait produire l'effet, ce serait suffisant. Mais avec l’approfondissement de l’étude et de la compréhension des connaissances en optimisation des moteurs de recherche, j’ai découvert que l’utilisation des balises est en fait une science. Nous avons mis l'accent sur la sémantique dans l'article du didacticiel CSS de Script Home - jb51.net, alors comment utiliser les balises HTML ? Où sont-ils généralement utilisés ?
Lorsque je suis entré en contact pour la première fois avec XHTML CSS pour concevoir des pages Web, j'avais peu d'expérience dans l'utilisation de balises et j'étais très décontracté, j'utilisais souvent tout ce qui me venait à l'esprit, pensant que tant que cela pouvait produire l'effet, cela le ferait. suffire. Mais avec l’approfondissement de l’étude et de la compréhension des connaissances en optimisation des moteurs de recherche, j’ai découvert que l’utilisation des balises est en fait une science.
Ici, je ne donnerai pas une introduction détaillée aux attributs correspondants et à l'utilisation de chaque balise en CSS, je me concentrerai sur l'application dans les pages Web. J'espère que cela pourra être utile à tout le monde.
1. DIV
DIV devrait être familier à ceux qui créent des sites Web XHTML. De nombreux sites Web et documents appellent également la construction de sites Web standard Web DIV CSS. Il n'est pas déraisonnable de l'appeler ainsi, car le W3C ne recommande pas d'utiliser la balise Table dans la mise en page des pages Web, et DIV en tant que balise de mise en page assume naturellement la responsabilité importante de la mise en page.
DIV peut aussi être considéré comme un grand conteneur. En plus de la disposition structurelle globale de la page Web, il est recommandé de l'utiliser pour diviser les zones qui semblent relativement indépendantes dans la page Web. Tout comme un journal, la fonction du DIV est un grand conteneur permettant de diviser différents contenus. Dans différents domaines, des labels appropriés sont sélectionnés en fonction des situations spécifiques.
2. Balise H
La balise H est une balise de titre, souvent utilisée avant un paragraphe pour indiquer le sens du paragraphe. Il peut être divisé en H1 ~ H6 selon le niveau d'affichage et la signification à exprimer.
H1 est de la plus haute importance et est souvent utilisé pour exprimer une description de la fonction et de la nature de l'ensemble du site Web, ou pour indiquer le public auquel le site Web est destiné. D'autres balises sont utilisées pour afficher le nom d'une certaine zone ou une description générale d'un certain texte d'introduction en fonction du niveau.
Parce qu'elle représente une description générale du site Web ou un certain paragraphe de texte, la balise H a une valeur élevée par rapport aux moteurs de recherche. Mais cela ne veut pas dire qu’il peut être utilisé avec désinvolture. Par exemple, certains sites Web utilisent des balises H pour afficher des mots-clés dans un paragraphe de texte afin de rechercher délibérément un classement pour des mots-clés spécifiques. Ou utilisez simplement la balise H comme conteneur pour mettre en page la page Web. Cela confond complètement le rôle de la balise H et n’est pas recommandé.
3. P
P est une balise de paragraphe, utilisée pour distinguer différents paragraphes d'un ensemble de texte. Pour les moteurs de recherche, selon leur ordre d’exploration, le texte de la première balise P a également une grande valeur. Comme Baidu, il ignore le texte de la description de la balise Meta (description) et récupère le contenu de la première balise P (pas absolument).
Certains sites Web utilisent la balise
lors de la segmentation afin de permettre aux moteurs de recherche d'explorer plus de contenu et d'offrir aux utilisateurs une meilleure expérience de navigation. Cela ne veut pas dire que cela soit impossible. Parfois, l’effet souhaité ne peut pas être obtenu. Pour les documents strictement dactylographiés,
Il s’agit d’une balise appartenant au formulaire d’expression et son utilisation n’est pas autorisée.
Bien que la plupart des sites Web utilisent des types de documents de transition, je ne recommande pas de les utiliser pour la segmentation de texte.
4. Balises UL et LI
Il s'agit d'une liste non ordonnée La balise UL est une déclaration de la liste, et LI est un élément de liste. Du fait de la relative indépendance de ses projets, il est souvent utilisé dans la navigation, les listes d'actualités ou d'articles, etc. UL peut également être utilisé comme conteneur pour distinguer différentes listes.
Certains sites Web peuvent suivre les « normes Web » et convertir des tableaux pour utiliser UL et LI pour les exprimer. Cela rend les pages Web difficiles à lire et à maintenir. Une mauvaise compréhension va à l'encontre du concept que nous transmettent les normes Web.
5. Table
Je ne présenterai pas grand-chose ici sur l'utilisation de Table. Je veux juste dire que le standard Web ne signifie pas que Table ne peut pas être utilisé à l'avenir, mais qu'il n'est pas recommandé. pour utiliser le tableau pour la mise en page et uniquement pour afficher les données. Il n’y a donc aucune contradiction entre les pages web conformes au Web et l’utilisation de balises Table.
6. Balises préparées pour les moteurs de recherche
(1) Titre : le titre de la page Web et une description du site Web. Les sous-balises sont également utiles aux moteurs de recherche et incluent souvent des mots-clés cibles.
(2) Méta-mots-clés : les principaux mots-clés de la page Web. Il a été initialement préparé pour faciliter la classification des sites Web par les moteurs de recherche, mais plus tard, parce que de nombreux sites Web utilisaient souvent cette balise pour tricher afin de rendre le classement des mots clés plus favorable, cette balise n'a désormais presque aucune signification pour les moteurs de recherche.
(3) Meta Description : Description de la page Web. Comme les mots-clés, elle était initialement destinée à faciliter la classification des moteurs de recherche. C’est aussi parce que de nombreux sites Web utilisent cette balise pour tricher, elle n’est donc plus si importante pour les moteurs de recherche. Actuellement, parmi les moteurs de recherche traditionnels, seul Google explore encore le contenu, mais il détermine difficilement les mots-clés en fonction du contenu.
En fait, pour les moteurs de recherche, le plus important est la qualité du contenu. De même, nous construisons des sites Web pour nous promouvoir auprès des visiteurs. N’oubliez pas les fondamentaux à cause de la rapidité. Après tout, les utilisateurs se soucient de savoir si les informations correspondent à leurs besoins, et non du classement de votre site Web.
Les balises ci-dessus sont couramment utilisées et sont plus faciles à confondre pour les débutants. Bienvenue à prêter attention aux articles du didacticiel CSS mis à jour de jb51.net. Si vous rencontrez de nouveaux problèmes à l'avenir, nous continuerons à le faire récemment. .