HTML <div> -tag
Voorbeeld
Een <div>-sectie in een document dat is opgemaakt met CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De <div>
tag definieert een divisie of een sectie in een HTML-document.
De <div>
tag wordt gebruikt als een container voor HTML-elementen - die vervolgens wordt gestyled met CSS of gemanipuleerd met JavaScript.
De <div>
tag kan eenvoudig worden opgemaakt met behulp van het class- of id-attribuut.
Elke vorm van inhoud kan in de <div>
tag worden geplaatst!
Opmerking: browsers plaatsen standaard altijd een regeleinde voor en na het <div>
element.
Browserondersteuning
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Algemene kenmerken
De <div>
tag ondersteunt ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <div>
tag ondersteunt ook de Event Attributes in HTML .
Gerelateerde pagina's
HTML-zelfstudie: HTML-blok- en inline-elementen
HTML-zelfstudie: HTML-lay-out
HTML DOM-referentie: Div Object
Standaard CSS-instellingen
De meeste browsers geven het <div>
element weer met de volgende standaardwaarden:
Voorbeeld
div {
display: block;
}