2010-12-15 72 views
1

Possible en double:
Why not use tables for layout in HTML?en utilisant le tableau comme une mise en page

je sais que l'utilisation des tables comme la mise en page est un grand problem..Why ne sont pas les concepteurs web professionnels utilisent des tables pour la mise en page plus? et quelles sont les alternatives en CSS que je peux utiliser et sera la meilleure alternative aux tables?

+3

Essayez d'utiliser la fonction de recherche ... –

+2

http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html – syrion

+0

@syrion :: merci beaucoup –

Répondre

5

1) dès qu'un navigateur voit une balise de table d'ouverture, il arrêtera le rendu jusqu'à ce qu'il voit la balise de fermeture, car il n'a aucun moyen de même deviner ce que la structure de la table ressemblera. À cause de cela, les tables augmenteront considérablement le temps d'attente entre le moment où l'utilisateur lance la demande et le moment où il peut réellement utiliser votre page.

2) tables nécessitent 3 balises imbriquées pour définir une cellule, qui est un enfer beaucoup de bruit dans une langue déjà incroyablement bavard (xml)

3) sémantiquement, une table est pour les données tabulaires. l'utiliser pour la mise en page signifie que votre code HTML n'a pas de sens lorsque vous le lisez.

+1

Je voudrais juste ajouter que les tables sont ** signifiées ** pour les données, donc elles sont parfaitement acceptés pour l'affichage des données. C'est la mise en page ** seulement ** pour laquelle les (bons) développeurs sont contre leur utilisation. Une alternative est d'utiliser divs pour la mise en page - Personnellement, j'ai trouvé difficile de comprendre les mises en page div, mais une fois que vous obtenez le coup de flotteurs et efface ils sont vraiment faciles à faire ce que vous voulez. Il est temps de bien apprendre cette technique à mon avis. Il vous tiendra très bien avec d'autres développeurs. – ClarkeyBoy

+0

merci beaucoup, ce que le livre vous recommande d'apprendre les Divs ,, je pense qu'il est si difficile à utiliser plutôt que des tables .. il est si facile à utiliser .. –

+1

Fondamentalement, ce que je fais est d'utiliser un div relatif avec 2 - 3 divs imbriquées qui sont définies sur float: left et dont la largeur est définie. La largeur doit être inférieure à 100%.Assurez-vous de définir les largeurs, sinon elles seront 100% par défaut. Vous bung ensuite un autre div imbriqué dans lequel est défini à clear: both. Cela rend le div parent autour des divs flottantes. Si vous voulez aligner un div sur le côté droit, utilisez 'float: right'. Si vous souhaitez appliquer un remplissage ou une marge à l'un de ces divs imbriqués, placez un autre div à l'intérieur de ceux avec le remplissage/la marge appliquée. Suite ... – ClarkeyBoy

1

Essayez d'apprendre à utiliser balise div et donner du style à l'aide css..it a plus d'effet dans le regard

1

Je vous conseille vraiment en utilisant CSS et XHTML aux pages de mise en page.

Je pense qu'il y a beaucoup trop d'avantages à apporter ici. Allant de l'accessibilité, du référencement, de la facilité de codage à l'épreuvage futur. Je pense que les articles de blog et les articles sur le sujet seront en mesure de fournir plus d'informations sur pourquoi et comment vous devriez utiliser CSS au lieu de la table aux pages de mise en page. Un livre que je suggère est Web Standards Solutions: Le manuel Markup and Style par Dan Cederholm Ce livre vous dira tout ce que vous devez savoir sur l'utilisation de CSS et HTML d'une manière conforme aux normes Web.

Une chose à garder à l'esprit est que HTML5 commence à gagner l'utilisation répandue il y a quelques différences et fonctionnalités ajoutées qui diffèrent de XHTML