Nous savons tous qu’un élément important d’un bâtiment est l’établissement de ses fondations, et ce sans une fondation solide et bonne. L'apparence et la décoration magnifiques n'existent plus. Nous construisons des pages Web conformes aux balises Web, et la plupart des gens sont davantage préoccupés par la technologie CSS et ses applications. Mais nous devons également comprendre que quelle que soit la puissance du CSS, il affecte également le XHTML. Sans une base XHTML bien structurée, notre mise en page sera plus difficile à mettre en œuvre. Peut-être que nos fondations sont très solides, mais les détails compliqués et la structure déraisonnable deviendront également des obstacles à notre développement.
Au début du Web, HTML n’était utilisé que pour ajouter une forme et une structure de base. Avec le développement d'Internet, le HTML est utilisé pour représenter les pages. Nous utilisons diverses combinaisons pour obtenir l'apparence souhaitée. Nous avons l'habitude d'utiliser la balise B pour mettre en gras le titre du document, mais nous n'utilisons pas le titre h1~h6 pour les afficher. Ce qui est plus important, c'est que nous exécutons des tableaux pour la mise en page. Au début, les tableaux n'étaient utilisés que pour afficher les données des tableaux, pas pour la mise en page et l'affichage de la mise en page, nous avons vite constaté que tout avait perdu son sens original. La conception des polices, les tableaux, les caractères gras, etc. sont devenus un gâchis. devient incompréhensible. Et cela devient de plus en plus complexe.
Nous sommes de plus en plus enclins à nous appuyer sur des outils WYSIWYG tels que Dreamweaver pour traiter les pages Web, mais malheureusement, ces logiciels n'améliorent pas cette situation chaotique, mais ajoutent leur propre balisage plus complexe. Dans ce cas, on ne peut plus éditer le code à la main, et tout semble vraiment mauvais.
Avec l'émergence du CSS, nous avons vu l'aube de l'espoir dans la création de pages Web conformes aux normes du Web. Les gens accordent de plus en plus d'attention à la reconstruction de sites Web pour séparer les performances du contenu. Nous pouvons supprimer certaines balises dénuées de sens, telles que : font, b, i, etc. Nous laissons ces tâches au CSS. Nous pouvons utiliser CSS pour la mise en page au lieu d'utiliser des tableaux pour créer des pages.
Nous pouvons créer des documents selon la signification de la balise elle-même et redéfinir leur apparence via CSS en utilisant le style par défaut du navigateur. Titres, paragraphes ou listes dans le contenu, nous pouvons les réinitialiser via CSS. Les titres n'ont pas besoin d'être grands, gras et laids. Les paragraphes peuvent contrôler leur interligne et leur indentation. Les listes n'ont pas besoin d'être verticales, nous pouvons également les disposer horizontalement. etc.
L’avantage des balises significatives nous permet de comprendre plus facilement le contenu du code et de le traiter. Par exemple, si nous devons modifier tous les liens externes de la page, si nous ajoutons des balises appropriées à ces éléments, nous pouvons facilement les retrouver et les modifier. Si tout est mélangé, nous ne savons pas par où commencer.
En plus de faciliter notre développement, d'autres appareils et programmes peuvent également avoir une meilleure compréhension des documents. Le plus typique est la reconnaissance des moteurs de recherche qui peuvent facilement trouver les titres et sous-titres dans le contenu des articles. Si le spectateur utilise un appareil de lecture portable, vous pouvez vous fier au titre, au contenu, etc. pour offrir de bonnes proportions de navigation et d'affichage.
La chose la plus importante est que les balises HTML significatives fourniront un moyen simple d'ajuster les éléments au style souhaité. Ces balises significatives créent un modèle de cadre structurel de base dans le document, et nous n'avons pas besoin d'ajouter d'autres éléments. et d'autres identifiants peuvent contrôler directement les performances.
Ces balises significatives incluent principalement :
h1, h2...h6 ;
ul,ol,dl;
fort, em;
blockquote, citer ;
abréviation, acronyme, code ;
ensemble de champs, légende, étiquette ;
légende, tête, corps, pied, etc.
Dans la mise en page CSS, lorsque vous pouvez les utiliser, n'utilisez pas d'autres éléments. Essayez d'utiliser des balises HTML significatives.