ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

<DIV> ... </DIV> Valid HTML 4.01 Transitional



Utilisation

L'élément de division permet d'ajouter une structure à un bloc de texte

Balises de début/de fin

Nécessaire/nécessaire

Attributs

id="..." : un identificateur global
class="..." : une liste de classes séparées par des espaces
style="..." : une information locale de style.
title="..." : fournit des informations supplémentaires pour un élément spécifique, par opposition à l'élément TITLE qui concerne l'ensemble de la page Web.

lang="..."
dir="..."

align="..." : deprecated. Contrôle l'alignement ( left, center, right, justify )

+ les 10 événements intrinsèques ( onclick, onmouseover, onmouseout, etc... ) que nous verrons plus tard

Vide

Non

 

Remarques :

Ne peut être utilisé avec un élément <P>.

L'attribut align est "deprecated", l'alignement est maintenant contrôlé par le biais des feuilles de styles

 

<DIV> fait partie de la douzaine de balises qui servent à structurer le document ( par opposition à la structuration du texte ).
 
La balise <DIV> (pour division) peut être utilisée pour diviser un document en plusieurs sections qui seront, par exemple, alignées chacune d'une façon différente. Dans les premiers navigateurs,cette balise ne possédait d'ailleurs qu'un seul attribut :Align
avec comme valeurs possibles : center, right, left ou justify

<DIV Align="center" > .............. </DIV>

La balise <DIV> est assez similaire à la balise <SPAN> pour ce qui concerne sa fonction, avec cependant une distinction importante : <DIV> est une balise encadrant tout un "bloc" du document (block-level element).Elle occasionne un saut de ligne, contrairement à la balise <SPAN>. Elle peut contenir des paragraphes, des titres, des tableaux, et même d'autres divisions. Ce qui fait de <DIV>, la balise idéale pour marquer différentes sortes de blocs tel qu'un chapitre, un résumé ou une note.
 
Elle est utilisée par Microsoft, suivi maintenant par Netscape, pour déplacer des éléments d'une page en direct ( interactivité ) en liaison avec l'attribut des feuilles de styles : z-index ( couches)
 
De même que la balise <SPAN>, elle s'avère particulièrement utile pour introduire des informations de styles brèves : phrases, groupes de mots ou même lettres isolées dans un mot.

Exemple :

<DIV id=exo1 Class=note >
<H1> Division </H1>
<P> Le conteneur DIV est apparu avec HTML 3.2, mais seul l'attribut ALIGN était autorisé.
La version suivante de HTML, Cougar, ajoute notamment les attributs CLASS, STYLE et ID, parmi d'autres. </P>
<P> Depuis DIV peut contenir d'autres conteneurs de bloc, il est très utile pour marquer de grandes
sections d'un document, telle que cette note. </P>
<P> la balise de fermeture est obligatoire. </P>
</DIV>


Document additionnel  ( Face cachée d'HTML)

  DIV = (DIV) HTML
Définition Permet de diviser un document en sections d'un certain style: APPENDIX, ABSTRACT, etc 2.0 3.2
Syntaxe <DIV ATTRIBUT= > ...texte encadré... </DIV>    
Spécifications HTML
Class      
Syntaxe <DIV CLASS=ABSTRACT> ...texte encadré... </DIV>    
Spécifications Netscape
Align    
Syntaxe <DIV ALIGN=left|center|right> ...texte encadré... </DIV>    

NOTE :

L'élément <DIV>, tel que décrit dans les spécifications HTML 3.2 , devrait être utilisé avec un attribut CLASS, pour dénommer une section de texte comme étant d'un certain style. C'est sans doute sa véritable finalité : formater des parties de document à l'aide de propriétés de styles.

Netscape a conçu l'élément DIV pour fonctionner de manière identique à l'élément <P ALIGN= ...> avec les mêmes attributs : left, center, right. Essentiellement, du texte encadré par <DIV> ... </DIV> sera formaté conformément à la description attachée à l'attribut ALIGN placé à l'intérieur des marqueurs DIV.
L'élément DIV est un conteneur de l'élément P


Pages exemples :

Cliquer sur les cases correspondantes

      

ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX