Manuel de référence HTML

Tous les tags HTML

Balise HTML: <div>

Le tag <div> de HTML définit un conteneur universel dans un document HTML, généralement utilisé pour regrouper des éléments. Ce tag est également appelé l'élément <div>.

Exemple en ligne

Dans le document, trois tags <div> ont été créés :

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Utilisation du tag <div>(Tutoriel de base du site oldtoolbag.com)</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
　　<h2> Le premier Div </h2>
　　<p> Ce texte apparaîtra dans la partie Div du document </p>
</div>
<div class="div_class">
　　<h2> Le deuxième Div appliquant une classe </h2>
　　<p> Ce texte apparaîtra dans la partie Div du document </p>
</div>
<div id="div_id">
　　<h2> Le troisième Div appliquant un id </h2>
　　<p> Ce texte apparaîtra dans la partie Div du document </p>
</div>
</body>
</html>

Voyons si ça fonctionne ‹/›

Dans cet HTML5Dans l'exemple de document, nous avons créé trois tags <div>. Le premier tag <div> n'a appliqué aucune classe ou ID. Le deuxième tag <div> applique une classe nommée div_class au tag <div>. Le troisième tag <div> applique un ID nommé div_id au tag <div>.

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge le tag <div>.

Balise description et instructions d'utilisation

Le balise <div> est généralement utilisé pour regrouper des éléments.

Le balise <div> définit une section ou une partie de document HTML.

Le balise <div> est souvent utilisé pour regrouper des éléments en blocs, afin de les formatter via CSS.

Avis et conseils

Astuce :L'élément <div> est souvent utilisé avec CSS pour le布局 du site web.

Remarque :Par défaut, les navigateurs placent généralement un saut de ligne avant et après l'élément <div>. Cependant, vous pouvez changer cela en utilisant CSS.

HTML 4.01 et HTML5Les différences entre

HTML5 L'attribut align n'est pas pris en charge dans HTML.

Dans HTML 4.01 Dans ce cas, l'attribut align est obsolète.

Attribut

Attribut	Valeur	Description
align	left right center justify	HTML5 Non pris en charge. HTML 4.01 Obsolète. 　　Spécifiez la manière dont le contenu de l'élément <div> doit être aligné.

Attributs globaux

Le balise <div> est prise en charge Attributs globaux HTML.

Attributs d'événement

Le balise <div> est prise en charge Attributs d'événement HTML.

Articles associés

Tutoriel HTML :Agencement HTML

HTML: <i> balise Balise HTML: <dir>