Quelques-unes de mes notes de réflexion sur les standards du Web (1)_Échange d'expériences

J'ai commencé à apprendre les standards du Web au début de l'année dernière et j'ai acquis une certaine expérience au cours des deux dernières années. J'ai récemment changé de travail et je suis juste libre à la maison, alors j'ai écrit quelque chose à partager avec tout le monde.

1 Compréhension des standards du web et des spécifications XHTML du W3C

Selon la compréhension habituelle, ces deux concepts semblent faire référence à la même chose (ces choses dont nous discutons dans cette édition) Théorie avancée"^_ ^). Mais je pense qu’en fait, d’un point de vue technique, ces deux choses n’ont pratiquement aucune corrélation. En bref, les standards du Web sont l'implémentation indépendante de la structure, des performances et du comportement de la page. Plus communément, il s'agit du langage populaire « div+css » dans le recrutement d'aujourd'hui. Cependant, aucune version du W3C XHTML n'impose de restrictions sur le concept de standards Web. Évidemment, nous pouvons utiliser xhtml 1.1 pour écrire une page Web positionnée dans un tableau. À ce stade, vous penserez peut-être que je dis beaucoup de bêtises. Mais avec n’importe quelle technologie, vous ne pouvez l’utiliser correctement que si vous comprenez suffisamment clairement les concepts de base. Permettez-moi de parler des deux chemins erronés de l'application standard du Web d'aujourd'hui sous les deux aspects suivants :

La première situation est très simple. Je pense que tant que XHTML+CSS est utilisé, c'est un standard du Web. La page est pleine de classes et d'identifiants. N'hésitez pas à définir des classes distinctes pour chaque détail. La différence entre une telle page et le HTML traditionnel est qu'il y a un "/" supplémentaire dans la balise img. En fait, il vaut mieux revenir au HTML traditionnel. Au moins, je peux utiliser facilement les polices sans avoir à rechercher la feuille de style comme un dictionnaire. Une autre utilisation plus subtile et décontractée du CSS dont je parlerai plus tard.

Je pense que la deuxième situation est plus difficile à comprendre, c'est-à-dire essayer d'utiliser diverses instructions compliquées d'imbrication div et css pour obtenir les performances souhaitées. Un exemple très simple est dans un post que je viens de voir " Coins arrondis sur la page sans couper l'image ". Tout d'abord, je veux m'assurer que cette idée est vraiment bonne, en utilisant la fonction CSS pour "dessiner" les coins arrondis. Pour ce faire, le concepteur doit ajouter une grande section de code comme suit à la position correspondante :




Cependant, cela viole sérieusement le concept de base des standards du Web - la séparation de la structure et performance . Parce qu'il place le code utilisé pour contrôler les performances de la page Web dans le document structurel. Peut-être diriez-vous que cela met réellement le vrai code de performance en CSS. Mais je pense que c'est un concept volé. Parce que les balises b ci-dessus n’ont rien à voir avec la structure de la page Web, ce sont toutes des balises vides. Autrement dit, il n'existe pas de placer quelque chose là où la structure du document l'exige. Ce ne sont donc que du code indésirable pour la structure des documents.

Un autre exemple est peut-être plus subtil. J'ai déjà vu un article sur alistapart.com sur la façon d'implémenter des colonnes à trois voies sur une page Web. Le principe est probablement d'utiliser trois ou quatre divs pour s'emboîter. Je pense que c'est aussi une violation des standards du Web. Parce que l’ordre dans lequel ces balises div sont placées dans le code ne répond pas simplement à des besoins structurels, mais à la performance de la page Web.

Bien sûr, j'avoue que le point de vue ci-dessus est dans une certaine mesure exagéré (mais d'un autre côté, si vous devez implémenter des coins arrondis sans image, n'est-ce pas aussi exagéré, haha) . Parfois, structure et performance ne sont pas si facilement séparées. Afin d'obtenir des performances riches, nous devons laisser la structure s'adapter (pensez à l'utilisation de

). Mais il est important de savoir ce qui est bien et ce qui ne va pas. Même si nous devons parfois faire quelque chose de mal.

Enfin, je tiens à préciser que je ne dis pas que les « coins arrondis sans image » n'ont aucun sens ou sont faux. J'admire également l'intelligence et l'inspiration de l'auteur. Je pense que ce type de recherche technique revient à utiliser CSS pour dessiner le drapeau national auparavant, et c'est très utile pour maîtriser la technologie CSS. Cependant, son utilisation devrait être aussi limitée que l'indicateur CSS et ne devrait pas être adoptée dans des applications pratiques. Parce que cela viole les principes de base des standards du Web.