Znacznik HTML <div>
Przykład
Sekcja <div> w dokumencie, która jest stylizowana za pomocą 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>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Znacznik <div>
definiuje podział lub sekcję w dokumencie HTML.
Tag <div>
jest używany jako pojemnik na elementy HTML - który jest następnie stylizowany za pomocą CSS lub manipulowany za pomocą JavaScript.
Styl <div>
tagu można łatwo zmienić za pomocą atrybutu class lub id.
<div>
Wewnątrz tagu można umieścić dowolną treść !
Uwaga: domyślnie przeglądarki zawsze umieszczają znak końca wiersza przed i po <div>
elemencie.
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Atrybuty globalne
Znacznik <div>
obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <div>
obsługuje również Atrybuty Zdarzeń w HTML .
Powiązane strony
Samouczek HTML: bloki HTML i elementy wbudowane
Samouczek HTML: Układ HTML
Odniesienie HTML DOM: Obiekt Div
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <div>
element z następującymi wartościami domyślnymi:
Przykład
div {
display: block;
}