IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML] <div> ou <table>?


Sujet :

HTML

  1. #1
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut [HTML] <div> ou <table>?
    salut à tous,
    j'ai réalisé des sites dans le passé et j'utilise toujours un tableau pour mes pages mais je vient de découvrir qu'il existait une autre façon pour la création des pages, la balise <div> donc ma question est la suivante: quelle est la démarche la plus optimale? <table> ou <div> ou les deux?

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Les tables sont destinées aux données tabulaires.

    Pour la structure de la page, il vaut mieux privilégier les div.


  3. #3
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut
    Le résultat est le même que d'utiliser <table>?
    je m'explique: avant en utilisant les tableaux je peut garantir(avec les cellules du tableau) que chaque image, titre... reste bien à sa place et ce pour des écrans de tailles différentes, ai je le même résultat avec div? ou mieux?

  4. #4
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Le <div> est + souple niveau modification / maintenance que le <table> mais peut-être un peu + chiant à mettre en place en fonction de ce que tu veux faire.
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  5. #5
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut
    ok merci

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Ne plus utiliser les tableaux permet de bénéficier des avantages du placement avec le css. Mais c'est en effet un peut plus compliqué à mettre en place...

    Note que je n'ai pas parlé de "utiliser des <div>" au lieu de "Ne plus utiliser les tableaux" ; j'ai une bonne raison pour cela : ce n'est pas <div> contre <table>... Si tu laisse tomber les tableaux, ne te mets pas à partir dans une seconde dérive qui est celle du tout <div>. Traiter le positionnement en css doit être combiné à un code html sémantiquement propre : par exemple quand tu as un menu : au lieu de mettre ton menu dans un div, utilise plutôt les listes (non ordonnées par exemple : <ul> <li>...) pour les différentes éléments de ton tableau...

    Autre exemple : un paragraphe ne doit pas être entouré des balises <div> mais par les balises <p>...

  7. #7
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Traiter le positionnement en css doit être combiné à un code html sémantiquement propre.
    + 1
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  8. #8
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut
    oui mais avec les paragraphes et les listes il faut bien utiliser des balises <div> ou <table> non?

  9. #9
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Non, pas forcément.

  10. #10
    Membre averti
    Étudiant
    Inscrit en
    Avril 2008
    Messages
    52
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2008
    Messages : 52
    Par défaut salut
    les table sont plus simple ,mais lors de creation un menu par exemple tu doit utiliser DIV

  11. #11
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    perso j'utilise <table> lorsque je dois mettre un tableau dans ma page ...
    après ça peut être une solution de secours en cas d'échec ou demi échec des autres balises mais peu fréquent ....

  12. #12
    Membre éclairé Avatar de mdr_cedrick
    Profil pro
    Développeur multimédia
    Inscrit en
    Janvier 2008
    Messages
    374
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Développeur multimédia

    Informations forums :
    Inscription : Janvier 2008
    Messages : 374
    Par défaut
    avant je n'utilisais que des tableaux pour la structure de mes pages
    maintenant, là où je travaille, les autres développeurs ne jurent que par le <div> j'ai donc du m'y mettre
    pour le moment à part la mise en place plus longue (par forcément complexe) et la gestion de IE (6) et mozilla c'est du boulot ...
    si j'avais eu le choix je serais resté avec des <table> qui ne sont pas forcément mauvais
    maintenant tout dépend aussi de ce que tu veux faire
    si tu as du placement très précis au pixel près le <div> est plus approprié
    mais pour moi s'il s'agit juste d'une bannière avec 2 colonnes en dessous puis un pied de page je dis <table> tout de suite

  13. #13
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut
    ok merci du conseil

  14. #14
    Membre éclairé
    Inscrit en
    Décembre 2005
    Messages
    251
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 251
    Par défaut
    Personnelement je trouve que les tables sont horribles pour structurer une page.


    Je bosse actuellement sur un intranet et la plupart des pages sont structurer en tableau. L'ancien développeur aimait bien. Je trouve que c'est une catastrophe.

    Par exemple il y a une page avec 4 tableaux qui sont des formulaires. Pour structurer la page, il a utilise un grand tableau dans lequel il met ces 4 autres tableaux. C'est fouilli.

    Quand tu es le concepteur de ce genre de page je pense que tu peux t'en sortir facilement pour faire des modifs mais après quand tu refiles le bébé à quelqu'un d'autre il doit s'accrocher. J'ai préféré tout casser en div je m'en sors mieux.

    Et des div bien choisi avec des noms d'id ou class explicitent c'est quand même vachement mieux

  15. #15
    Membre confirmé Avatar de ChTiRiBi
    Inscrit en
    Mai 2008
    Messages
    131
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 131
    Par défaut
    en effectuant ma recherche perso je suis arrivé à la conclusion que les div son meilleurs dans la maintenance

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [W3C] Mise en page html avec div ou tables selon vous ?
    Par zais_ethael dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 19/10/2006, 16h34
  2. [HTML] Centrer mon image dans ma table
    Par avogadro dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/07/2006, 02h05
  3. [HTML] centrer DIV dans la page
    Par graphicsxp dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 20/02/2006, 17h44
  4. [HTML]Positionnement DIV
    Par flzox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/07/2005, 09h44
  5. [HTML] chevaucher <div> avec .swf
    Par John Blobsmith dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/01/2005, 00h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo