HTML <div> Tag
Exemple
Une section <div> dans un document stylée avec CSS :
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>Ceci est un en-tête dans un élément div</h2>
<p>Ceci est un texte dans un élément div.</p>
</div>
</body>
</html> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
Le <div> définit une division ou une section dans un document HTML.
Le <div> est utilisé comme conteneur pour les éléments HTML, qui peuvent ensuite être stylés avec CSS ou manipulés avec JavaScript.
Le <div> est facilement stylé en utilisant les attributs class ou id.
Tout type de contenu peut être placé à l'intérieur du <div> !
Remarque : Par défaut, les navigateurs ajoutent toujours un saut de ligne avant et après l'élément <div> .
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <div> | Oui | Oui | Oui | Oui | Oui |
Attributs Globaux
Le <div> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
Le <div> prend aussi en charge les Attributs d'Événement en HTML .
Pages Associées
Tutoriel HTML : Éléments de Bloc et en Ligne HTML
Tutoriel HTML : Mise en Page HTML
Référence DOM HTML : Objet Div
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <div> avec les valeurs par défaut suivantes :
Exemple
div {
display: block;
}