Étant donné qu'Internet est un organisme en constante évolution et en développement, il est très important de créer un site Web qui puisse évoluer et grandir avec Internet. Il est également très important de ne pas être blessé par l'onde de choc d'Internet lorsque le monde en ligne est en ligne. changements.
Un balisage propre et la création de votre site à l'aide des normes du Web peuvent dérouter les gens, mais cela permettra d'économiser du temps et de l'argent à long terme.
À mesure que le réseau se développe, les technologies utilisées dans le réseau évoluent également constamment. HTML existe sur Internet depuis longtemps et a produit de nombreux dérivés au cours de son développement continu.
D’abord Javascript, puis CSS, XML et AJAX. L'adoption généralisée du HTML5 approche à grands pas, Firefox, Safari, Opera et Chrome prenant tous en charge HTML5 (IE est à la traîne par rapport à avant).
Dans cet article, je prendrai Wangyi Technology www.idccss.com comme exemple pour étudier les bases des normes de réseau. Qu'est-ce que cela signifie pour vous ? Je vais en souligner quelques-uns très importants mais en temps ordinaire. est facilement négligé par tout le monde.
Que signifie une marque « propre » ?
En bref, cela signifie éliminer l'encombrement et rendre la norme compatible, en utilisant les mêmes balises et structures pour différentes langues.
Un HTML propre peut réduire l'utilisation de balises inutiles, éliminer les éléments inutiles et utiliser un très petit balisage pour mener à bien une tâche. Il n'utilise pas de propriétés inutiles telles que le CSS intégré, la structure et l'organisation de chaque fichier. De même, un CSS propre doit éviter la duplication et utiliser les ressources existantes. La conformité aux normes signifie que votre page est conforme aux normes HTML, CSS et XML publiées par le W3C. Cela signifie utiliser le W3C pour détecter les erreurs, les corriger et les tester jusqu'à ce que vos pages Web soient utilisables à 100 %.
Chaque projet de conception de site Web a une limite de temps et les clients souhaitent également que leur site Web soit terminé à l'avance. Les développeurs et concepteurs Web sont donc soumis à une pression constante pour travailler plus rapidement et plus efficacement.
Je pense généralement : « Réfléchir vite vous rend bâclé, et marquer dans un format propre et standard prend beaucoup de temps » et je dis généralement : « Cela fonctionne déjà, c'est la meilleure façon de le faire » Important » Bien sûr, jusqu'à présent, cela a fonctionné pour vous. Mais qu’en sera-t-il l’année prochaine ? Qu’en sera-t-il dans trois ans ?
Pensez-vous vraiment que les moteurs de recherche fonctionneront de la même manière toute la journée ? Vous êtes très pointilleux, et si vous ne respectez pas les normes, votre classement apparent chutera.
Que se passe-t-il lorsque la personne suivante doit modifier la page Web que vous avez créée ? Que se passe-t-il si vous êtes heurté par une voiture, enlevé par des extraterrestres ou si vous ne parvenez pas à trouver votre camping lors d'une expédition polaire ? Pour ramasser le désordre que vous avez laissé derrière vous, vous devez faire tous les efforts pour regarder et comprendre le code. Est-ce que ce sera une chose simple ? Qui peut garantir que cette personne n’aura pas mal à la tête et ne vous maudira pas.
Donc la première fois que vous le faites, vous devez le faire de la bonne manière. Ce n’est pas une chose ennuyeuse, c’est une philosophie de vie. Si vous faites cela, vous économiserez beaucoup de temps et d’argent et faciliterez les choses pour les personnes avec lesquelles vous travaillez.
Vous pourriez penser qu’écrire ce que vous voulez dans le CSS intégré serait plus rapide que d’écrire selon certaines règles. Et vous pourriez penser qu’il serait plus rapide d’écrire de manière aléatoire sans tenir compte de la structure entière du fichier. Plus tard, lorsque vous mettrez à jour des fichiers ou redessinerez le site Web, vous passerez plus de temps à rattraper le code que vous avez écrit au hasard que vous n’en avez enregistré à ce moment-là. Lorsque vous écrivez une nouvelle page, le code en ligne ennuyeux que vous utilisiez auparavant reviendra et vous piégera, et il vous faudra beaucoup de temps pour vous en débarrasser.
Évolutivité, accessibilité, transformation et normes futures
Le développement des navigateurs mobiles devient de plus en plus prometteur et désormais presque tout le monde peut utiliser son téléphone mobile pour surfer sur Internet. Les technologies d'assistance se développent également, comme les lecteurs d'écran pour les aveugles et les dispositifs à interface variable pour les personnes handicapées. Vous ne voulez pas vous désavantager en ne prenant pas en compte ces changements.
Pour les internautes du monde entier, le contenu de votre site Web peut être partiellement traduit en plusieurs langues. Grâce à Internet Archive, au cache de Google et à certains autres éléments du réseau, la page que vous publiez aujourd'hui peut exister pendant très, très longtemps, même après l'avoir supprimée de votre site.
Un balisage et des normes propres contribuent grandement à garantir que votre site puisse évoluer en douceur à mesure que le Web évolue à l'avenir.
À faire et à ne pas faire
Utilisez les balises comme vous le pensez. Par exemple : h1 est le niveau le plus élevé de la page Web, suivi de h2, h3 et ainsi de suite. Il ne doit y avoir qu’une seule balise enfant h1 sur chaque page.
Nommez vos normes et identifiants CSS de manière significative et demandez-vous si d'autres peuvent dire ce que signifie ce nom. Les noms sont également intéressants : #box12 ou #commentscale ?
Faites bon usage du CSS. Par exemple : si vous définissez une police dans un dossier, vous n'avez pas besoin de la définir à nouveau dans chaque sous-dossier, sauf si vous souhaitez définir une police différente dans chaque sous-dossier. Cela peut entraîner l’ouverture rapide de votre page.
Utilisez votre HTML, CSS et XML pour corriger autant d'erreurs que possible. Faites également attention aux avertissements générés.
Examinez attentivement le code généré WYSIWYG et effectuez tout nettoyage de code nécessaire. Ces codes sont volumineux, redondants et contiennent de nombreux déchets inutiles et inutiles.
N'injectez pas de formatage en ligne ni de balises et d'attributs non pertinents simplement parce que vous êtes pressé.
Ne continuez pas à l'utiliser simplement parce qu'elle a des effets à court terme. Ce n'est pas parce qu'une page peut être utilisée que son code est standard, ne pose aucun problème et est adapté aux moteurs de recherche.