Bien que la taille d'un fichier de page Web mesurée en K soit vraiment insignifiante pour la bande passante actuelle, la manière de rationaliser au minimum le fichier de page Web mesuré en K reste l'une des questions que les concepteurs Web devraient prendre en compte.
Comme nous le savons tous, sans affecter la structure et les fonctions de l'ensemble de la page Web, plus le fichier de la page Web est petit, mieux c'est, car les fichiers de page Web plus petits aident le navigateur à raccourcir le temps d'interprétation de la page Web et les visiteurs naturels n'ont pas L'irritation liée à l'attente que les pages Web s'affichent lentement est encore plus évidente pour les utilisateurs disposant d'une faible bande passante et d'une connexion Internet lente. Imaginez, aimeriez-vous que l’intégralité du site apparaisse immédiatement devant vous lorsque vous ouvrez un site Web ? Ou préférez-vous passer plus de dix secondes, voire quelques minutes, à regarder l'ensemble du site interprété petit à petit par le navigateur ?
À l'ère de la mise en page des tableaux, le code était répété d'innombrables fois avec le tableau sur la page, ce qui rendait l'ensemble du fichier de la page Web extrêmement volumineux, la lisibilité du code était également réduite au minimum et le temps d'interprétation du navigateur était naturel. a beaucoup augmenté. Depuis que la mise en page DIV+CSS a remplacé la mise en page Table, tout a été grandement amélioré, permettant au Tableau de revenir à sa position d'origine pour l'affichage des données, et la mise en page est laissée à DIV+CSS, donc le code La lisibilité et la réutilisabilité ont été améliorées , et le point le plus important de DIV+CSS est de distinguer les performances et la structure du fichier de page Web, de sorte qu'il n'est pas nécessaire de modifier la structure de l'ensemble du fichier de page Web pour des raisons de performances.
Même si la méthode de mise en page DIV+CSS a minimisé le code volumineux dans la mise en page de tableau précédente, pour les concepteurs Web, comment contrôler au minimum la taille des fichiers de page Web est une question qui mérite toujours d'être explorée et approfondie.
Regardez le morceau de code suivant :
#en-tête { |
Un tel morceau de code CSS est très clair dans sa structure, clair dans sa structure et très lisible. Cependant, un tel morceau de code n'a pas été rationalisé, ce qui signifie qu'il s'agit du code CSS le plus original. Regardons le code simplifié ci-dessous. .
| #en-tête { marge : 10px 15px ; arrière-plan :#333 url(Images/header.jpg); } |
Il existe le terme attribut composite en CSS, ce qui signifie que de nombreux paramètres d'attribut peuvent être intégrés ensemble. Par exemple, "margin-top; margin-right; margin-bottom; margin-left;" ci-dessus peut être intégré dans une seule "marge". ", puis fournissez-lui les paramètres.
Grâce à cela, nous pouvons rationaliser davantage le code en fonction du code CSS d'origine. De plus, la structure écrite de cette manière est également raisonnable et la lisibilité est tout aussi forte. Mais cela ne suffit pas pour rationaliser à l’extrême. Afin de clarifier la structure de ce code CSS, nous utilisons des espaces, des sauts de ligne et d'autres éléments qui prennent de la place. Et si nous supprimions ces éléments qui prennent de la place ?
| #header{margin:10px 15px;background:#333 url(Images/header.jpg);} |