Dans le domaine Internet actuel, le terme standard WEB devient de plus en plus à la mode dans la conception des utilisateurs et des développeurs Web. Cependant, le concept des normes WEB est trop général et les gens ont des points de vue différents sur ce qu'est exactement une norme WEB et ce qu'elle contient. Lors du forum du concours de modèles ShopEx « E-Dong Cup » sponsorisé par China E-Dong.com, les candidats et les critiques ont parlé avec enthousiasme de ce que sont les normes WEB et les « techniques d'expression » des codes de modèles. Cet article explique le point de vue de l'auteur sur les normes WEB. Pour que chacun puisse comprendre les notions généralement évoquées par les standards du WEB.
Il n'y a pas de soi-disant « normes », seulement des suggestions
Tout d’abord, vous devez comprendre qu’il n’existe pas de véritables normes WEB. Ce qui existe réellement, ce sont certaines organisations qui promeuvent la normalisation, comme les normes ISO et Ecma. Lorsque la plupart des gens font référence aux standards WEB, ils font en réalité référence à quelque chose du W3C. Mais le W3C n’établit pas vraiment de normes, il fournit seulement des recommandations : « Une recommandation du W3C est une spécification ou un ensemble de lignes directrices qui, après un large consensus, a reçu l’approbation des membres du W3C et du directeur. Le W3C recommande le large déploiement de ses recommandations.
Le sens des standards WEB
De manière générale, les standards WEB sont composés des parties suivantes :
• HTML/XHTML valide
•La sémantique du code est claire
•Séparation du contenu (HTML/XHTML), présentation (CSS) et interaction (Javascript)
Pour certaines personnes, les standards du Web signifient tout ce qui précède, tandis que pour d’autres, cela ne représente qu’une petite partie de cela. Mais plus important encore, ces trois parties font partie intégrante de la construction d’un site de qualité.
HTML/XHTML valide
Commençons par le premier point, un code valide est le premier pas vers les standards WEB. Pour la plupart des gens, valide signifie uniquement du code HTML/XHTML, mais n'oubliez pas qu'il existe également une validation CSS. Vérifier la validité de votre code HTML/XHTML signifie essentiellement si le code de votre page Web est conforme au type de document que vous avez sélectionné.
Choisir le bon doctype est important, car il détermine la manière dont le code HTML/XHTML est interprété et comment la mise en page diffère selon les navigateurs. Le code vérifié peut être bien affiché dans différents navigateurs sans avoir à trop prendre en compte la compatibilité des navigateurs. En validant, vous pouvez découvrir du code potentiellement affectant sur la page, le corriger pour rendre le processus de développement plus efficace et réduire les coûts de maintenance futurs.
Outil de vérification du code
• Service de validation du balisage W3C
• Service de validation CSS du W3C
• Module complémentaire Firefox HTML Validator
• Barre d'outils du développeur Internet Explorer
La sémantique du code est claire
Chaque élément existant sur la page doit avoir sa signification et pouvoir l’exprimer avec précision. En termes simples, cela signifie choisir les éléments appropriés en fonction du contexte. Les exemples sont les suivants
Ce code n'est pas clair
| Voici le contenu cité : <div class="page-heading">Titre de la page</div> <a class="menu-item" href="/item-1">Élément de menu 1</a> |
A performances égales, la sémantique est bien plus claire
| Voici le contenu cité : <h1>Titre de la page</h1> <ul class="menu"> |
Il est en fait très simple de clarifier la sémantique du code. Utilisez h1-h6 pour définir le titre, utilisez p pour définir le paragraphe de l'article, utilisez ul, ol, etc. pour définir les éléments de la liste, etc. . . Cela vous aidera facilement à trouver les parties du code que vous souhaitez et peut réduire considérablement les temps de chargement des pages car cela réduit la quantité de code. Et n’oubliez pas que cela est également utile pour le référencement. Une sémantique claire peut aider Google et d’autres moteurs de recherche à mieux indexer votre site.
Séparation du contenu (HTML/XHTML), présentation (CSS) et interaction (Javascript)
Il existe de nombreuses raisons pour lesquelles il est crucial de séparer le contenu (HTML/XHTML), la présentation (CSS) et l'interactivité (Javascript). Ils ont différentes divisions du travail et la manière de les utiliser raisonnablement nécessite une réflexion approfondie.
Raisons de la séparation
Performances : les fichiers externes tels que CSS et JS seront enregistrés dans le cache de l'utilisateur après le premier chargement, ce qui permet d'économiser du temps de chargement ultérieur et d'améliorer l'expérience.
Globalement : vous pouvez toujours trouver les codes et les placer avec précision.
Convivialité : vous pouvez toujours facilement référencer le code et le réutiliser sur tout votre site Web.
Maintenance : tous les codes liés aux performances et à l'interaction sont stockés de manière centralisée pour une maintenance facile.
Comment se rapprocher des utilisateurs ?
Certaines personnes disent qu'il faut plus de temps pour rendre un site Web plus proche des utilisateurs, mais en fait, tant que vous pouvez mettre en œuvre les trois points mentionnés dans l'article, vous avez déjà fait un grand pas en avant sur la voie de votre rapprochement. utilisateurs.
Un code correct et efficace vous permettra de trouver plus facilement le contenu incorrect sur la page. Un code avec une sémantique claire peut mieux prendre en charge les appareils portables et peut également améliorer la navigation du site Web par les utilisateurs sans modification CSS. La séparation de la structure, des performances et de l'interaction permet au site Web de conserver les fonctions de base même sans la prise en charge de JavaScript. Bien sûr, vous pouvez améliorer l'expérience du site en ajoutant une couche JavaScript, mais ce n'est certainement pas la partie la plus fondamentale du fonctionnement d'un site Web.