2009-06-29 6 views
1

expérimente UL liste non ordonnée et j'ai semblent varios exemples de les utiliser à la place de divs ..En utilisant UL à la place de DIVS - recommandé, où utiliser 1 ou l'autre?

bit Donc ia confus, quand dois-je utiliser divs et ul ..

par exemple, si j'ai une mise en page 3 colonnes puis je suppose que je l'ai utilisé divs ici, bien que je peux utiliser UL

également sur la colonne de droite j'ai beaucoup de mise en forme à faire, l'idée était de placer divs avec divs avec en divs ...

quelqu'un peut-il souligner quand utiliser l'un sur l'autre et y at-il une compatibilité de navigateur problèmes?

J'ai vu certains sites dire que les UL sont plus propres que les divs, mais est-ce le cas?

et aussi les gens qui disent que vous pouvez construire une mise en page complète avec ULs et LI mais vous ne le feriez jamais - pourquoi?

Je pense que vous voyez où je vais avec cela, je suis juste confus au sujet de quand utiliser l'un sur l'autre. Un exemple est que dans ma 3ème colonne (à droite) - c'est une div mais à l'intérieur j'ai besoin de mettre une BOX arrondie donc je pensais à mettre plus de div à l'intérieur avec des images de coin?

Toute aide serait vraiment apprécié

Répondre

2

UL signifie liste non ordonnée. Utilisez-le pour les listes d'articles pour lesquelles l'ordre n'est pas pertinent.

DIV signifie division. Utilisez-le pour regrouper des éléments.

ULs sont plus propres que divs --- IF vous faites une liste. Un menu est principalement une liste de liens. Une galerie a une liste d'images. Un forum a une liste de messages, et une liste d'utilisateurs.

RE: coins arrondis: HTML, et plus sémantique HTML.Vous pouvez utiliser <div> pour n'importe quoi, et vous remarquerez à peine une différence, mais en utilisant les éléments appropriés, vous serez plus facile à comprendre (à la fois lorsque vous créez le dessin, par des scrapers essayant de trouver l'élément approprié dans la page et des moteurs de recherche suffisamment intelligents pour identifier des fragments de contenu et des éléments de navigation). Donc, pour faire des coins arrondis, vous devriez considérer si un coin mérite son propre div sans contenu (ce qui, malheureusement, en raison des moteurs de rendu d'aujourd'hui, il le fait), ou si vous pouvez utiliser une meilleure solution (Par exemple, si la barre latérale est de taille fixe, vous pouvez vous en sortir avec un seul arrière-plan, si vous avez besoin de l'étendre dans une dimension, vous pouvez en utiliser deux: un plafond aligné en haut et un autre aligné en bas. mobile "div (théoriquement, vous pouvez éviter la div supplémentaire en modifiant l'élément inférieur de la div)).

2

ULs sont des éléments de la liste. Donc, si vous avez un ensemble d'éléments qui sont une liste, vous utiliseriez un UL. Un bon exemple est un ensemble d'options de menu - ceux-ci fonctionnent bien comme ULs. personnellement

1

, j'utilise divs et couvre la plupart des endroits pour la mise en page, alors que ul de sont utilisés pour la liste des liens, des éléments de menu, miniatures, etc.

2

<DIV> est juste un élément de bloc qui doit être formaté par css. <UL> possède une propriété sémantique supplémentaire; il indique au navigateur que vous êtes liste choses. Ceci peut être important pour les lecteurs d'écran, les navigateurs textuels, etc.

0

Les gens ont tendance à utiliser UL au lieu de DIV quand les éléments qu'ils dénomment sont plus sémantiquement équivalents aux listes (par exemple, les barres de navigation ou les pages de contenu), en particulier dans le cas où la longueur du contenu peut changer (lorsque vous modifiez la liste plus tard). En termes pratiques, il n'y a pas beaucoup de différence, bien que les lecteurs d'écran et d'autres technologies accessibles puissent avoir plus de facilité à lire une barre de navigation si c'est une liste par opposition à un groupe de divs.

0

Ils ne sont même pas près d'être identiques. Un DIV est à peu près aussi proche que possible d'un élément "propre", c'est-à-dire qui ne comporte pas beaucoup de bagages: padding, marge, etc. Pour clarifier, un DIV agit à peu près de la même manière dans Firefox que dans IE. Mais un UL (avec des enfants LI en particulier) a différentes quantités de rembourrage et des comportements différents. Essayez d'obtenir les balles dans les éléments LI pour avoir la même apparence et vous verrez de quoi je parle. Une chose que l'UL avec les éléments LI est bon, et qui n'a pas été mentionnée ici, est de faire un "fil d'Ariane" enveloppant. Vous devez définir les éléments à afficher en ligne, mais c'est un moyen facile et bon marché d'obtenir un flux horizontal de boîtes sans flotter un groupe de divs. Pourtant, même ici, le kilométrage varie selon les navigateurs. Caveat érecteur, je suppose.

Questions connexes