Créez des pages avec un balisage HTML propre_HTML/Xhtml_Web production de pages

Internet est un organisme en constante évolution. Comment construire une page capable de s'adapter au développement d'Internet pendant une longue période est très important. Cela peut permettre à votre site Web de suivre rapidement le développement rapide d'Internet.

L'utilisation de balises HTML propres et la création de pages conformes aux normes peuvent vous aider à y parvenir et, plus important encore, cela peut vous faire économiser beaucoup de temps et d'argent dans les opérations futures.

La technologie des pages Web a progressé avec le développement de la technologie Internet. La technologie HTML se développe depuis longtemps et les technologies qui l'accompagnent se sont également développées régulièrement.

C'était d'abord Javascript, puis CSS, XML et maintenant AJAX. L'application à grande échelle de HTML5 a également commencé à prendre forme - Firefox, Safari, Opera et Chrome ont pratiquement entièrement pris en charge HTML5 (sur cette question, Internet de Microsoft). Explorer entrave une fois de plus le développement d'Internet#-_-)

Dans cet article, nous explorerons les normes de base du Web, discuterons de ce qu'elles sont, de leur signification et des solutions à ces problèmes importants mais souvent négligés.

Qu'est-ce qu'un balisage HTML « propre » ?

En termes simples, un balisage HTML « propre » signifie : Pas de redondance, conforme aux normes, utilisant des balises et une structure significatives.

Le code HTML encombrant peut utiliser pleinement les balises, éliminer le code inutile et enregistrer uniquement les balises significatives. Il évite les propriétés inutiles, telles que les CSS intégrés, et maintient la structure du document soignée.

De même, le code CSS encombrant doit éviter la duplication de lui-même, utiliser des propriétés héritables (rappelez-vous que l'intention initiale du CSS est de mettre en cascade des feuilles de style) et réutiliser les classes CSS de manière scientifique.

La conformité aux normes signifie que votre page peut passer la vérification des normes HTML, CSS et XML du W3C Utilisez le validateur gratuit du W3C pour rechercher et corriger les erreurs et continuer les tests. qu'il est conforme à 100%.

Pourquoi ça ? N'est-ce pas suffisant tant qu'il peut être affiché normalement ?

Chaque projet a une limite de temps serrée et les utilisateurs souhaitent que le site Web soit publié le plus tôt possible. Les développeurs et concepteurs de sites Web doivent donc effectuer leur travail rapidement et efficacement.

Il est facile de tomber dans un piège : rapide signifie bâclé, et écrire du code propre et conforme aux normes est une perte de temps. On dit souvent : « Si ça s'affiche normalement, il n'y aura pas de problème ».

Bien que cela se voit en ce moment, qu'en sera-t-il l'année prochaine ? Et dans trois ans ? Que dois-je faire si je mets à jour mon navigateur ? L'appareil est-il compatible ?

Pensez-vous vraiment que les moteurs de recherche fouilleront votre code ligne par ligne ? Ils sont très pointilleux. Si vous n'utilisez pas de code standardisé, cela équivaut à chasser vous-même les moteurs de recherche.

Que se passera-t-il si un autre employé vient modifier votre code ? Que se passe-t-il si vous êtes licencié par votre patron ou si vous changez vous-même de poste ? Il y aura des successeurs qui examineront votre code et comprendront ce qu'il signifie. Voulez-vous que ce soit facile ou voulez-vous qu’il vous poignarde dans le dos ?

Commencez à l'écrire correctement, ce n'est pas une tâche ennuyeuse, cela vous fera gagner du temps et de l'argent, et vous donnera moins de soucis.

Vous pensez peut-être qu'utiliser du CSS intégré pour écrire des pages est plus rapide, ou vous pensez peut-être qu'il est plus pratique d'écrire du HTML directement sans tenir compte de la structure.

Mais lorsque vous modifierez le document ou que vous souhaiterez réorganiser le site Web à l'avenir, vous passerez plus de temps à compenser les interférences causées par un code de mauvaise qualité. Si vous créez une nouvelle feuille de style, les CSS intégrés dispersés dans le code HTML vous poseront beaucoup de problèmes et vous risquez de passer des heures à les supprimer.

Extensible, convivial, sémantique et facile à mettre à niveau

Les navigateurs mobiles se développent de plus en plus vite. L'accès à Internet sur les téléphones mobiles n'est plus une exclusivité Blackberry. Aujourd'hui, des centaines de millions de personnes utilisent des téléphones mobiles pour naviguer sur le Web chaque jour.

Les appareils dotés d'une technologie d'assistance à la navigation développée pour les personnes malvoyantes ou d'interfaces de commande spéciales conçues pour les personnes handicapées physiques sont déjà courants. Si vous ne voulez pas perdre une base d’utilisateurs aussi importante, vous devez prendre en compte la convivialité des appareils.

Votre site Web peut être fourni aux utilisateurs en braille, avec Stockage de contenu Internet , Google Snapshot , etc. Outils, votre les pages peuvent rester longtemps sur le Web même si elles sont supprimées.

L'utilisation d'un balisage propre et conforme aux normes peut vous permettre de gérer plus facilement les situations ci-dessus.

Faire et ne pas faire (« devrait » et « ne pas »)

DO - Utilisez des balises prédéfinies. Par exemple : h1 est la partie la plus importante du contenu d'une page Web, suivi de h2, h3, etc. Il ne peut y avoir qu'un seul h1 dans une page Web

DO - Utilisez des noms d'éléments significatifs. Demandez-vous si d'autres lisaient le code, comprendraient-ils la signification de votre classe et de votre nom d'identifiant. Par exemple, pour la même couche, utilisez #box12 ou #comment-footer, lequel pensez-vous est le meilleur ?

DO - Profitez pleinement de l'héritage CSS. Par exemple : si vous définissez l'attribut font dans un conteneur, vous n'avez pas besoin de le définir séparément dans ses éléments enfants, à moins qu'il n'utilise une police différente. Cela rendra votre feuille de style claire et concise.

DO - Rendez votre code HTML, CSS et XML conforme. Utilisez le validateur W3C pour vérifier les erreurs et les avertissements, et corrigez-les jusqu'à ce que vous soyez 100 % conforme aux normes.

DO - Inspection bidirectionnelle du code généré par l'éditeur WYSIWYG. Les navigateurs WYSIWYG sont la principale source de code inutile, le code qu'ils génèrent doit donc être rationalisé autant que possible.

À NE PAS FAIRE - N'utilisez pas de styles CSS en ligne ni de balises et d'attributs superflus. Même si vous êtes très occupé, n’ajoutez pas ces choses avec désinvolture.

À NE PAS FAIRE - Ne vous contentez pas du « bon affichage ». Parce que les erreurs cachées dans la page peuvent gâcher la page au point de la rendre méconnaissable dans d'autres navigateurs ou appareils.