(HTML) La balise <div>

Elric l'aigri · 16/05/2003, 20h39

Je suis à la recherche d'une page donnant maximum d'informations sur cette balises ( en particulier, les attributs ).

Une bonne âme ?

Nirthael · 16/05/2003, 20h43

http://www.w3schools.com/tags/tag_div.asp

Taerin · 16/05/2003, 20h47

Cette page sur allhtml.

Ca a l'air bref mais je pense qu'il y a pas des milliers d'attributs pour <div>.

Romuald · 16/05/2003, 20h48

A, tient, merci pour ta question Elric, merci pour la réponse Nirthael.

Kathar - Alleria - Lango · 16/05/2003, 21h12

cette balise n'a aucun attribut utile, son intérêt est de découper le document html et pourvoir se voir attribuer des styles (CSS).

On peut aussi citer la balise span, qui est similaire.
La différence entre les 2 se situe au niveau du ttype de flux : div est de type block, et span est de type inline
(ça veut dire qu'un div est toujours rectanganlaire, alors que span représente un bout de texte dans un paragraphe, qui peut revenir à la ligne)

Elric l'aigri · 16/05/2003, 21h47

Si elle n'a aucun attribut utile comment on fait la mise en page hein ? ^^

Grim · 16/05/2003, 22h00

ben on a inventé les css pour les mises en page hein

Elric l'aigri · 16/05/2003, 22h03

Ben t'as plus simple que ( je donne un exemple ) ce qui suit pour la mise en page ?

Code PHP:


<div style='position:absolute; left:0px; top:140px'>

Nanja · 16/05/2003, 22h03

Moi j'aime bien Openweb , c'est bien explique avec des exemples clairs et il y a les ressources w3c traduites pour css xhtml et html4.

Nirthael · 16/05/2003, 22h12

Comme pour le <span>, les seuls attributs réellement utiles sont id, class, et ensuite les événements.

Elric, passe plutôt par les id et les CSS externes, c'est plus clair pour le code, et le cache est toujours sympa à utiliser.

PS : Et oui, y a plus simple, un float tout seul c'est encore plus court.

Grim · 16/05/2003, 22h12

Citation :

Provient du message de Elric
Ben t'as plus simple que ( je donne un exemple ) ce qui suit pour la mise en page ?

Code PHP:

<div style='position:absolute; left:0px; top:140px'>

Et bien, ayant l'habitude, c'est cette solution là que je trouve simple

(bon, ok, dans une css externe ce serait encore mieux, mais bon

)

Nanja · 16/05/2003, 22h15

Pour des styles que tu n'utilises qu'une fois, ça ne sert à rien de passer par des css externes.

Grim · 16/05/2003, 22h18

Citation :

Provient du message de Nanja
Pour des styles que tu n'utilises qu'une fois, ça ne sert à rien de passer par des css externes.

oh ben oui, pourquoi tout mettre à la même place, ça sert à rien

Enfin, c'est toujours toi qui perdra du temps à chercher tes styles, hein, alors mets où tu veux

Nirthael · 16/05/2003, 22h20

Citation :

Provient du message de Nanja
Pour des styles que tu n'utilises qu'une fois, ça ne sert à rien de passer par des css externes.

Ça sert toujours de passer par les CSS externes, si jamais on veut en changer, pas besoin d'aller chercher les attributs style dans le fichier HTML.

Et puis vu qu'en général on ne met pas de style juste sur une balise, pourquoi ne pas tout mettre dedans ?

Ça mange pas de pain de mettre id="menu" plutôt qu'un attribut style à rallonge.
Sauf si on veut le changer dynamiquement, ça peut se comprendre.

Enfin personnellement, je préfère tout avoir dans un fichier externe, après chacun son truc.

Kathar - Alleria - Lango · 16/05/2003, 22h36

Citation :

Provient du message de Elric
Ben t'as plus simple que ( je donne un exemple ) ce qui suit pour la mise en page ?

Code PHP:

<div style='position:absolute; left:0px; top:140px'>

style n'est pas un attribut spécifique à la balise div, il peut être utilisé pour n'importe quelle balise html.
sinon je suis d'accord avec ce qui a été dit plus haut, c'est souvent plus clair en utilisant class="toto" et en définissant le style de la classe toto de manière séparée.

Romuald · 16/05/2003, 23h32

Citation :

Provient du message de Nirthael
Ça mange pas de pain de mettre id="menu" plutôt qu'un attribut style à rallonge.
Sauf si on veut le changer dynamiquement, ça peut se comprendre.

Surtout on peut les réutiliser pour d'autre page de son site, ce qui est très avantageux..

Ca évite des pages trop lourde, a force et à force ça en fait des kilos octets..

Erkethan · 16/05/2003, 23h33

Difference notable entre <SPAN> et <DIV>.

<DIV> génère un saut de ligne, et non <SPAN>.

Grim · 16/05/2003, 23h36

Citation :

Provient du message de Erkethan
Difference notable entre <SPAN> et <DIV>.

<DIV> génère un saut de ligne, et non <SPAN>.

Oui, ça été dit plus haut (par Lango en l'occurrence)

Erkethan · 16/05/2003, 23h52

Citation :

La différence entre les 2 se situe au niveau du ttype de flux : div est de type block, et span est de type inline
(ça veut dire qu'un div est toujours rectanganlaire, alors que span représente un bout de texte dans un paragraphe, qui peut revenir à la ligne)

Désolé, j'essayais de faire le plus clair possible

Kathar - Alleria - Lango · 16/05/2003, 23h55

mais heu !
dis aussi que je suis pas clair !

Eldarendil · 17/05/2003, 01h44

Citation :

posé par Nirthael
Ça sert toujours de passer par les CSS externes

Surtout qu'en XML, c'est obligé

Elric l'aigri · 17/05/2003, 09h21

Citation :

Provient du message de Erkethan
Difference notable entre <SPAN> et <DIV>.

<DIV> génère un saut de ligne, et non <SPAN>.

Ben c'est à dire que je précise toujours l'emplacement du bloc donc retour ligne ou pas...

Erkethan · 17/05/2003, 09h52

Disons que si nous prenons ces balises sans class et attribut, elle ne changent pas le texte, mais font ceci :

<DIV>L'homme.</DIV>
<DIV>La bête.<DIV>

Donne :
L'homme.
La bête.

Alors que :
<SPAN>L'homme.</SPAN>
<SPAN>La bête.</SPAN>

Donne :
L'homme. La bête.

C'est tout.

Kathar - Alleria - Lango · 17/05/2003, 12h30

Citation :

Provient du message de Erkethan
Disons que si nous prenons ces balises sans class et attribut, elle ne changent pas le texte, mais font ceci :

<DIV>L'homme.</DIV>
<DIV>La bête.<DIV>

Donne :
L'homme.
La bête.

Alors que :
<SPAN>L'homme.</SPAN>
<SPAN>La bête.</SPAN>

Donne :
L'homme. La bête.

C'est tout.

de manière plus complète...

Code:

un texte à la con mais très long pour qu'il fasse plusieurs lignes,
pour bien montrer ce qu'il se passe... 
<span>j'ai pu vraiment d'inspiration, mais c'est pas grave de toutes
façons personne lira jusque là.</span>
Ouf, ça fait plusieurs lignes, me reste pu qu'à m'arréter...
si j'y arrive !

donne

Citation :

un texte à la con mais très long pour qu'il fasse plusieurs lignes, pour bien montrer ce qu'il se passe... j'ai pu vraiment d'inspiration, mais c'est pas grave de toutes façons personne lira jusque là. Ouf, ça fait plusieurs lignes, me reste pu qu'à m'arréter... si j'y arrive !

alors que

Code:

un texte à la con mais très long pour qu'il fasse plusieurs lignes,
pour bien montrer ce qu'il se passe...
<div>j'ai pu vraiment d'inspiration, mais c'est pas
grave de toutes façons personne lira jusque là.</div>
Ouf, ça fait plusieurs lignes, me reste pu qu'à m'arréter...
si j'y arrive !

donne

Citation :

un texte à la con mais très long pour qu'il fasse plusieurs lignes, pour bien montrer ce qu'il se passe...
j'ai pu vraiment d'inspiration, mais c'est pas grave de toutes façons personne lira jusque là.
Ouf, ça fait plusieurs lignes, me reste pu qu'à m'arréter... si j'y arrive !

Elric l'aigri Bagnard	Je suis à la recherche d'une page donnant maximum d'informations sur cette balises ( en particulier, les attributs ). Une bonne âme ?
16/05/2003, 20h39

Nirthael Oracle	http://www.w3schools.com/tags/tag_div.asp
16/05/2003, 20h43

Taerin Oracle	Cette page sur allhtml. Ca a l'air bref mais je pense qu'il y a pas des milliers d'attributs pour <div>.
16/05/2003, 20h47

Romuald Alpha & Oméga	A, tient, merci pour ta question Elric, merci pour la réponse Nirthael.
16/05/2003, 20h48

Elric l'aigri Bagnard	Si elle n'a aucun attribut utile comment on fait la mise en page hein ? ^^
16/05/2003, 21h47

Grim Alpha & Oméga	ben on a inventé les css pour les mises en page hein
16/05/2003, 22h00

Elric l'aigri Bagnard	Ben t'as plus simple que ( je donne un exemple ) ce qui suit pour la mise en page ? Code PHP: `<div style='position:absolute; left:0px; top:140px'>`
16/05/2003, 22h03

Nanja [FED] Prophète	Moi j'aime bien Openweb , c'est bien explique avec des exemples clairs et il y a les ressources w3c traduites pour css xhtml et html4.
16/05/2003, 22h03

Nirthael Oracle	Comme pour le <span>, les seuls attributs réellement utiles sont id, class, et ensuite les événements. Elric, passe plutôt par les id et les CSS externes, c'est plus clair pour le code, et le cache est toujours sympa à utiliser. PS : Et oui, y a plus simple, un float tout seul c'est encore plus court.
16/05/2003, 22h12

Grim Alpha & Oméga	Citation : Provient du message de Elric Ben t'as plus simple que ( je donne un exemple ) ce qui suit pour la mise en page ? Code PHP: `<div style='position:absolute; left:0px; top:140px'>` Et bien, ayant l'habitude, c'est cette solution là que je trouve simple (bon, ok, dans une css externe ce serait encore mieux, mais bon )
16/05/2003, 22h12

Nanja [FED] Prophète	Pour des styles que tu n'utilises qu'une fois, ça ne sert à rien de passer par des css externes.
16/05/2003, 22h15

Grim Alpha & Oméga	Citation : Provient du message de Nanja Pour des styles que tu n'utilises qu'une fois, ça ne sert à rien de passer par des css externes. oh ben oui, pourquoi tout mettre à la même place, ça sert à rien Enfin, c'est toujours toi qui perdra du temps à chercher tes styles, hein, alors mets où tu veux
16/05/2003, 22h18

Romuald Alpha & Oméga	Citation : Provient du message de Nirthael Ça mange pas de pain de mettre id="menu" plutôt qu'un attribut style à rallonge. Sauf si on veut le changer dynamiquement, ça peut se comprendre. Surtout on peut les réutiliser pour d'autre page de son site, ce qui est très avantageux.. Ca évite des pages trop lourde, a force et à force ça en fait des kilos octets..
16/05/2003, 23h32

Erkethan Alpha & Oméga	Difference notable entre <SPAN> et <DIV>. <DIV> génère un saut de ligne, et non <SPAN>.
16/05/2003, 23h33

Grim Alpha & Oméga	Citation : Provient du message de Erkethan Difference notable entre <SPAN> et <DIV>. <DIV> génère un saut de ligne, et non <SPAN>. Oui, ça été dit plus haut (par Lango en l'occurrence)
16/05/2003, 23h36

Erkethan Alpha & Oméga	Citation : La différence entre les 2 se situe au niveau du ttype de flux : div est de type block, et span est de type inline (ça veut dire qu'un div est toujours rectanganlaire, alors que span représente un bout de texte dans un paragraphe, qui peut revenir à la ligne) Désolé, j'essayais de faire le plus clair possible
16/05/2003, 23h52

Kathar - Alleria - Lango	mais heu ! dis aussi que je suis pas clair !
16/05/2003, 23h55

Eldarendil Alpha & Oméga	Citation : posé par Nirthael Ça sert toujours de passer par les CSS externes Surtout qu'en XML, c'est obligé
17/05/2003, 01h44

Elric l'aigri Bagnard	Citation : Provient du message de Erkethan Difference notable entre <SPAN> et <DIV>. <DIV> génère un saut de ligne, et non <SPAN>. Ben c'est à dire que je précise toujours l'emplacement du bloc donc retour ligne ou pas...
17/05/2003, 09h21

Erkethan Alpha & Oméga	Disons que si nous prenons ces balises sans class et attribut, elle ne changent pas le texte, mais font ceci : <DIV>L'homme.</DIV> <DIV>La bête.<DIV> Donne : L'homme. La bête. Alors que : <SPAN>L'homme.</SPAN> <SPAN>La bête.</SPAN> Donne : L'homme. La bête. C'est tout.
17/05/2003, 09h52

(HTML) La balise <div>

Connectés sur ce fil