Maison > interface Web > tutoriel CSS > Comparaison des avantages et des inconvénients de la transition de l'échange Table vers CSS_Experience

Comparaison des avantages et des inconvénients de la transition de l'échange Table vers CSS_Experience

WBOY
Libérer: 2016-05-16 12:08:59
original
1764 Les gens l'ont consulté

Les voix des partisans de la mise en page CSS sont éclipsées par les voix des « mérites de la mise en page des tableaux ». C'est un mythe que CSS est difficile à apprendre. En fait, CSS n’est pas plus difficile que les autres technologies Web. Voici le problème : les concepteurs Web qui sont déjà assez expérimentés dans la conception de tableaux doivent abandonner complètement leur état d'esprit et adopter une approche CSS.

Je conçois avec des mises en page de tableaux depuis de nombreuses années, et lorsque j'ai commencé à utiliser des mises en page CSS, j'ai également rencontré des problèmes. "Comme il est facile d'utiliser des formulaires", ai-je pensé. Mais c'est simplement parce que je suis habitué aux tableaux et que je sais comment les gérer intelligemment. Tout changement, même minime, me serait gênant, sans parler d’un changement aussi radical.

En me rappelant la première fois que j'ai appris à utiliser la disposition des tableaux, j'ai également eu beaucoup de problèmes. Repensez à ces lignes, colspans et images GIF vierges. Pour être honnête, parmi ces deux méthodes de mise en page, la mise en page des tableaux est la plus difficile.

Un autre point de vue ancien est le suivant : la page (nombre d'octets) conçue par CSS est très grande, plus grande que la page conçue par table. La raison est la suivante : comme vous mettez tous les styles de l'ensemble du site dans un seul fichier, lorsqu'un utilisateur visite une page, la feuille de style contenant les styles de l'ensemble du site doit être téléchargée, la page est donc très volumineuse.

Alors pourquoi mettez-vous tous les styles dans un seul fichier CSS ? Personne ne vous limite à utiliser un seul fichier CSS. Vous pouvez configurer un fichier de feuille de sous-style distinct pour les styles détaillés de certains chapitres. D'après mon expérience, des simples sites Web manuels aux grands sites Web de systèmes multifonctionnels basés sur une base de données, je n'ai jamais utilisé un seul fichier de feuille de style, et aucune page d'accueil ne contient plus de code qu'une conception de tableau. Ces balises table, tr et td occupent beaucoup d'espace. Agissez maintenant et utilisez les méthodes de mise en page CSS pour réduire la taille de votre fichier.

Lorsque vous utilisez la disposition en tableau, vous perdez la signification sémantique de l'étiquette elle-même. L'approche standard du Web en matière de mise en page apportera d'énormes avantages en séparant les couches de contenu et de présentation. Lorsque vous verrouillez votre design avec un tableau, une fois que vous devez le modifier, vous devez rechercher la page, puis analyser la structure du tableau et la modifier page par page, tandis que le fichier CSS peut simplement changer le design de l'ensemble du site. Avec CSS, vous n'avez pas du tout à penser à l'indépendance de l'appareil et vous n'avez pas à vous soucier du fait que les utilisateurs choisissent leurs propres styles.

J'ai aussi entendu parler des "avantages" d'un formulaire : concevoir des formulaires. Mais les formulaires peuvent utiliser n’importe quelle méthode pour réaliser la disposition des tables. Est-ce pour Netscape 4 ? Je n'ai jamais entendu parler d'une raison de prendre en charge un navigateur aussi ancien. Les intérêts des utilisateurs de la plupart des navigateurs traditionnels sont bien plus grands que ceux des quelques utilisateurs qui utilisent des navigateurs qui ne prennent pas en charge les feuilles de style (sans oublier que CSS prend également en charge le texte brut).

L'argument de ces partisans des "Super Forms" se résume à ceci : "Les formulaires sont plus faciles". Si vous vous contentez d’une approche inefficace, c’est votre choix. Si vous souhaitez dépasser les limitations et rendre le contenu de la page plus polyvalent, plus facile à utiliser et avoir moins de code, travaillez dur pour le changer. Bien sûr, si vous débutez dans la conception de sites Web et que vous partez de zéro, vous n’aurez pas ces problèmes.

"Poussez simplement la voiture si elle ne tombe pas", "Ce n'est qu'un outil dans la boîte à outils du concepteur." C'est le point de vue de certains intervenants. La disposition de la table ressemble à un tournevis à manche en bois à l’ancienne que vous pouvez toujours utiliser pour percer un mur. Et je préférerais utiliser un tournevis électrique. La mise en page CSS est plus efficace et ne me donnera pas d'ampoules sur les mains.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal